The Sup AI brand.
The mark is the apostrophe of ’Sup: the letters you don’t see, standing in for an employee you can’t see, and a speech bubble on its own. Everything on this page is drawn from that one shape, so a download is always what the site shows today.
The mark
A comma in a rounded tile. The tile takes the foreground color and the comma the background, so it flips with the theme.
The name beside it
The wordmark is the tile with the name beside it, never the comma raised into the name. The name is written “Sup AI”.
On light
The SVG of the wordmark asks for the Geist font by name; where Geist is not installed, use the PNG or the JPG, which carry the letters drawn.
Room around it
Keep half a tile of clear space on every side: nothing else comes closer than that, whatever the size.
The dashed line is the edge of the clear space: 0.5 of a tile out from the mark. The files “with the clear space kept” are cut there.
Not like this
Three things that come up, crossed out.
The comma raised into the name.
The tile stretched or squashed.
On a busy background.
Colors
Two colors a palette, and the two palettes follow the reader’s system. The values are the site’s own tokens.
On light
- Foreground #0a0a0a · oklch(0.145 0 0)
- Background #ffffff · oklch(1 0 0)
On dark
- Foreground #fafafa · oklch(0.985 0 0)
- Background #0a0a0a · oklch(0.145 0 0)
The name and the type
Geist, everywhere. The name is two words.
“supai” is the codename in code and vendor accounts only, and never appears in front of a customer. The tile is 64 units across with a corner of 14; the site sets the name at three quarters of the tile, semibold.