Skip to content

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.

Apex Curve mark{ width=200 }

Wordmark

apex·lab — lowercase, Space Grotesk 700, amber middle-dot separator.

Wordmark{ 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:

  1. Color on dark — amber mark + cream wordmark + amber dot. App default.
  2. Color on light — amber mark + graphite-900 wordmark + amber dot. Docs, marketing.
  3. 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