Logo¶
Primary mark — Apex Curve¶
A geometric rendering of the racing line through a corner. Short entry straight, amber arc sweeping to an exit straight, apex point explicitly marked.
{ width=200 }
Wordmark¶
apex·lab — lowercase, Space Grotesk 700, amber middle-dot separator.
{ width=200 }
Lockups¶
| Lockup | Use |
|---|---|
| Horizontal | Default. Headers, title bars, email signatures. |
| Stacked | Narrow surfaces: avatars, splash, square placements. |
| Mark only | App icon, favicon, loading states, watermark. |
| Wordmark only | In-body text where a mark would be redundant. |
Color variants¶
Each lockup ships in three color treatments:
- Color on dark — amber mark + cream wordmark + amber dot. App default.
- Color on light — amber mark + graphite-900 wordmark + amber dot. Docs, marketing.
- Monochrome — all elements in one color. Ships in cream, graphite-900, and amber.
Clear space¶
Minimum clear space around any lockup = the height of the lowercase "a" in the wordmark. Nothing enters this zone.
Minimum size¶
- Horizontal lockup: 96px wide
- Stacked lockup: 64px wide
- Mark only: 16px (favicon)
Don'ts¶
- ❌ Don't recolor the amber dot
- ❌ Don't use amber as a background — amber is a foreground signal only
- ❌ Don't rotate, skew, or drop-shadow the mark
- ❌ Don't combine mark + wordmark in lockups not listed above
- ❌ Don't place color-on-dark variants on backgrounds lighter than
navy-700