brand
assets and guidelines for partners and collaborators.
wordmark
always lowercase. set in geist pixel grid. no period, no tagline attached. the word stands alone.
get the font: vercel.com/font
pegasus mark
the pegasus is our primary symbol. pixel art rendered at native resolution with image-rendering: pixelated. never smooth, stretch, or add effects.
pegasus — standard — primary mark. use on blue or dark backgrounds.
pegasus — white — white variant. use on dark or photographic backgrounds.
pegasus — forward — forward-facing variant. use for hero or statement contexts.
colors
three colors. no gradients. blue is the primary background. white is the primary text. opacity creates hierarchy — never use gray.
| color | hex |
|---|---|
| imagos blue | #0000FF |
| white | #FFFFFF |
| black | #000000 |
text hierarchy uses opacity on white:
- 1.0 — headings
- 0.85 — body text
- 0.6 — secondary
- 0.5 — tertiary
- 0.4 — muted
typography
headings + wordmark: geist pixel grid — all lowercase. weight 500. letter-spacing 0.02em.
body text: geist sans — all lowercase where possible. weight 400. line-height 1.6–1.7.
geist is vercel's open-source font family. get it at vercel.com/font.
for web projects: npm install geist and import via geist/font/pixel and geist/font/sans. for design tools: download the variable font files from the link above.
usage
do
- use the pegasus at native pixel resolution
- set
image-rendering: pixelatedon all pixel art - keep the wordmark lowercase
- use blue (#0000FF) backgrounds with white text
- maintain generous whitespace
don't
- smooth, blur, or anti-alias the pixel art
- add drop shadows, glows, or gradients
- capitalize "imagos"
- place the mark on busy or multicolor backgrounds
- alter the colors of the pegasus
auxiliary illustrations
pixel art illustrations used across the site and materials. all share the same aesthetic — retro pixel rendering on blue.
- angel wings
- creation of adam
- big bang
- imagination economy
- elevator economy
- open door
- unicorn prism