Card
Ink 800 surface, 1px hairline border, 8px radius, 32px padding. Index in Signal mono, title in DM Sans, body in small DM Sans.
Brand & design system
How Daevix looks,
reads, and behaves.
One brand, one source of truth - shared by this site, the operator console, and the IAM sign-in screens. Every token on this page is a CSS custom property in the site stylesheet: what you see here is what ships.
01
Logomark & wordmark
Daevix
The logomark is a rounded Signal tile carrying a hexagon-in-a-ring glyph struck in Ink. It is the brand's primary mark - used for favicons, avatars, app icons, and anywhere the full wordmark doesn’t fit. The wordmark sets Daevix in DM Sans Semibold, tracked to −1%, in Paper (on ink) or Ink (on light). Never recolor the glyph outside the palette, set the wordmark in another typeface, or stretch the tile’s corner radius.
02
Color
Daevix is dark-first. Signal is the only color allowed to demand attention - one Signal element per viewport is the budget, and it doubles as the danger state. Status splits three ways: Signal for danger, Amber for caution (attention, not disaster), and Green for success. None of the three decorate; each carries one meaning. Text on Signal is always --paper on buttons and --signal-ink #0A0A0B in dense contexts like selection and the logomark.
03
Typography
Display · DM Sans 600
clamp(44–76px)
clamp(44–76px)
Employed.
H1 · DM Sans 600
clamp(36–56px)
clamp(36–56px)
Untrusted by design
H2 · DM Sans 600
clamp(26–36px)
clamp(26–36px)
Three planes. One touchpoint.
H3 · DM Sans 600 · 20px
Identity, workstations, controls
Body · DM Sans 400 · 17px
Every agent gets a cryptographic identity: short-lived tokens, rotating credentials, replay detection.
Small · DM Sans 400 · 14px
Policy, audit, and inspection proxies sit between the agent and the world.
Mono · DM Mono 400 · 13px
POST /v1/agent/bootstrap → 200 OK
Two families do all the work. DM Sans does the talking and the reading - display, headings, and body. DM Mono does the labelling, and is reserved for technical truth: tokens, endpoints, section indices, eyebrows, buttons, and badges. Display sizes are tracked tight (−1% to −2%); 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 | 4px | Inputs, buttons, chips | |
| --radius-md | 6px | Swatches, small surfaces | |
| --radius-lg | 8px | Cards, panels | |
| --radius-pill | 9999px | Badges |
Spacing is a 4px base scale. Sections breathe at --space-24; cards pad at --space-8. Corners are tight - 4px on controls, 8px on cards - and badges alone go fully round. Borders are always 1px in --line #222225: Daevix separates with hairlines and contrast, not shadows.
05
Components
DEFAULT
SUSPENDED
PENDING
AUTHENTICATED
One primary button per view. Buttons are set in DM Mono Medium with a 4px radius - Signal fill for the primary action, a hairline outline for everything else. Badges are mono, uppercase, and pill-shaped, tinted by status: neutral, Signal, Amber, or Green.
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.