Brand book v3
The token sheet.
Every value the site is allowed to use. If it is not on this page, it does not exist. Nothing in the codebase hardcodes a colour, a size, or a duration.
Palette
Dark surfaces, body text on light
Cards on Ink
The only colour that moves
Secondary surface, ghost numerals on white
1px dividers and card borders
Captions and metadata
Problem / risk. Never decorative
Proof. Never decorative
[CONFIRM vs brand book v3]
Redaction bars only
[CONFIRM vs brand book v3]
The logo keeps its internal navy and red. Those two values never appear anywhere else in the UI, so they are deliberately not tokens.
Inter and JetBrains Mono. No third face.
The eight type levels
Pipeline from every direction.
You don't have a sales problem.
Pipeline that won't stay full.
What exactly do I get?
DevCommX engineers your full-stack growth motion.
Go-to-market is an engineering problem wearing a marketing costume.
Nine motions. One engine.
Sample: Series B security SaaS [redacted]
Mono is the proof voice
Every number that is a claim. Tabular figures so counters never reflow.
Sample values only. Real stats render only after the verification sprint clears them.
Ink surface
Devices
Ghost numeral behind this section. The 45-degree hatch runs along the top edge only. Flat fills, hairline borders, 9px radii, no shadows.
Card on Ink
Hairline border
Surface fill, 12% white hairline, 9px radius. Never a shadow.
Redaction
Trust signal
Redaction says the data is real.
Buttons
Base 8
Spacing scale
Nothing off-scale. Ever.
Contrast pairs
WCAG measured. Use only these. Two are size-restricted.
Body default
Dark-surface default
Captions, metadata. AA
Links, buttons. AA all sizes
Passes on Ink
24px+ only. Never body size
Size-restricted
Proof labels, body size OK
Large stat numerals only
Size-restricted
Motion
One easing curve everywhere: cubic-bezier(0.16, 1, 0.3, 1). Range 300 to 560ms. Only Electric Blue moves. Nothing loops. Hover the bar.