A quiet, considered system for AI coworkers built in Copenhagen.
Cool light greys, a single ink black, italic Space Grotesk for emphasis, and the occasional yellow-green “live” pulse. No neon, no gradient blobs, no emoji — the visual brand reflects the product: compliant by design.
The wordmark, the surface, the orbit illustration.
Three visual primitives carry the brand: a five-bar armadillo silhouette paired with a wide-tracked wordmark, the signature cool-grey page gradient, and an abstract “orbit” coordinate-frame motif used to illustrate the platform anatomy.
Cool greys, one ink, one functional lime.
The default page is not white — it’s a cool light grey with a barely visible vertical gradient. White is reserved for inside cards. No blue, no cobalt, no neon. Italic emphasis is grey. Lime green appears only as the 6px pulsing “live” dot.
| Token | Hex | When to use |
|---|---|---|
| --bg | #DEDEE0 | default page background |
| --paper | #ECECEE | cards, raised panels |
| --ink | #15161A | primary text, primary button |
| --accent | #6B6C71 | italic emphasis (never colored) |
| --lime | #C8E45F | wordmark dot, ghost-btn hover, "live" pings |
| --periwinkle | #D1D8F1 | selected state, in-product highlights |
| --dark | #0C0C0A | compliance & footer panels |
A geometric display paired with a humanist body.
Headlines are tight and confident in Space Grotesk; body copy is open and readable in Figtree. Italic emphasis inside headlines renders in grey accent — never bold, never color. Eyebrow labels are uppercase Space Grotesk with a 22×1 leading rule.
| Style | Family | Token | Size |
|---|---|---|---|
| Display (hero) | Space Grotesk 400 | --t-display | clamp(3rem, 7vw, 6.4rem) |
| H1 | Space Grotesk 500 | --t-h1 | clamp(2.2rem, 4.6vw, 3.6rem) |
| H2 | Space Grotesk 500 | --t-h2 | clamp(1.6rem, 3vw, 2.4rem) |
| Body | Figtree 400 | --t-body | 17px / 1.55 |
| Label (eyebrow) | Space Grotesk 500 caps | --t-label | 0.78rem · 0.04em tracking |
| Mono | JetBrains Mono / ui-mono | --font-mono | data & ledger only |
8 px base. Three radii. Four soft, ink-tinted shadows.
Sections breathe at --s-10 · 130px on desktop. Radii step 8 / 14 / 22; pills are full-radius. Shadows are layered, soft, and use translucent ink — never pure black.
Two systems. One pulsing dot.
UI line icons follow Lucide — 24×24, currentColor stroke, 1.5 weight, round caps. Brand concept glyphs are custom 40×40 SVGs wrapped in a coordinate-frame with corner ticks and a tiny accent dot. The 6px lime dot is the only place a saturated color is permitted.
Portraits, framed mocks, and a Nordic editorial frame.
Four sanctioned image modes: portraits (B&W, tight crop), product mocks (UI inside a paper-grey frame), editorial (desaturated photography of real work situations and Danish locations — natural light, no eye contact, ample negative space), and abstract orbit glyphs. Off-brand: 3D renders, gradient blobs, isometric scenes, AI-generated photos, glossy corporate stock.
The small kit that builds every surface.
Pill buttons (primary ink / ghost outline), 22px-radius cards that lift on hover, status pills, large stat blocks, and the side-by-side compare row used on Pricing & Foundations.
The system, applied.
High-fidelity recreations of the marketing site and an A4 print one-pager, built directly on top of these tokens. Use them as the starting points for new surfaces — fork, don’t reinvent.