Card
Ink 800 surface, 1px hairline border, 16px radius, 32px padding. Index in Signal mono, title in Space Grotesk, body in small Inter.
Brand & design system
How Daevix looks,
reads, and behaves.
One brand, one source of truth. Every token on this page is a CSS custom property in the site stylesheet — what you see here is what ships.
01
Wordmark
dævix
æ
The wordmark is set lowercase in Space Grotesk Bold, tracked to −3%. The æ ligature carries the brand: it is always rendered in Signal, with the rest of the mark in Paper (on ink) or Ink (on light). The ligature alone, on a Signal tile, is the logomark — used for favicons, avatars, and anywhere the full wordmark doesn’t fit. Never set the wordmark in another typeface, recolor it outside the palette, or break the ligature into “ae”.
02
Color
Daevix is dark-first. Signal is the only color allowed to demand attention — one Signal element per viewport is the budget. Violet never carries meaning; it exists in gradients and glows, not in text or controls. Text on Signal is always --signal-ink #10130A, never pure black or white.
03
Typography
Display · Space Grotesk 700
clamp(48–88px)
clamp(48–88px)
Employed.
H1 · Space Grotesk 600
clamp(40–64px)
clamp(40–64px)
Untrusted by design
H2 · Space Grotesk 600
clamp(28–40px)
clamp(28–40px)
Three planes. One touchpoint.
H3 · Space Grotesk 600 · 22px
Identity, workstations, controls
Body · Inter 400 · 17px
Every agent gets a cryptographic identity: short-lived tokens, rotating credentials, replay detection.
Small · Inter 400 · 14px
Policy, audit, and inspection proxies sit between the agent and the world.
Mono · JetBrains Mono 400 · 13px
POST /v1/agent/bootstrap → 200 OK
Space Grotesk does the talking, Inter does the reading, JetBrains Mono does the labelling. Mono is reserved for technical truth: tokens, endpoints, section indices, eyebrows. Display sizes are tracked tight (−2% to −3.5%); body text is never tracked.
04
Spacing & shape
| Token | Value | |
|---|---|---|
| --space-2 | 8px | |
| --space-4 | 16px | |
| --space-6 | 24px | |
| --space-8 | 32px | |
| --space-12 | 48px | |
| --space-16 | 64px | |
| --space-24 | 96px | |
| --space-32 | 128px |
| Radius | Value | Use | |
|---|---|---|---|
| --radius-sm | 6px | Inputs, chips | |
| --radius-md | 10px | Swatches, small cards | |
| --radius-lg | 16px | Cards, panels | |
| --radius-pill | 999px | Buttons, badges |
Spacing is a 4px base scale. Sections breathe at --space-24; cards pad at --space-8. Borders are always 1px in --line (10% paper) — Daevix separates with hairlines and contrast, not shadows.
05
Components
DEFAULT
ACTIVE
PREVIEW
One primary button per view. Buttons are pill-shaped and set in Space Grotesk Semibold. Badges are mono, uppercase, and outlined — never filled.
06
Voice
Daevix writes like a security engineer with good manners: declarative, concrete, calm. The product handles untrusted autonomous software — the copy should sound like it has nothing to prove.
Do
- “Agents are a workforce. Run them like one.”
- “Single-use bootstrap tokens, hashed at rest.”
- Short sentences. Full stops. Specifics over adjectives.
- Name the mechanism: tokens, brokers, audit — not “magic”.
Don’t
- “Revolutionary AI-powered synergy for the enterprise!”
- Exclamation marks, hype verbs, “supercharge”.
- Fear-based security marketing.
- Anthropomorphizing beyond the one metaphor we own: employment.