Brand system
One mark, one motif, one accent.
The identity derives from the mark: three nodes on a rising line through a V. Nodes are entities and stages, connectors are relationships. That motif replaces decorative iconography across the product and the site.
Palette
Colour and usage rules
Navy
#0E2247
Primary surface and type colour. Carries the majority of visual weight.
Navy deep
#081630
Headers, footer, dense data surfaces.
Navy mid
#1B3A66
Secondary structure and hover states.
Teal
#14A3B4
Sole accent and the verified state. Functional only.
Canvas
#F7F9FA
Page background.
Surface
#FFFFFF
Panels.
Hairline
#DCE3E8
All borders. No shadows anywhere.
Amber
#B07A28
Stale verification only.
Do
- Use teal for verified states, active nodes and current selection.
- Use hairlines for every boundary.
- Keep radii at 2px or less.
Do not
- Fill large areas with teal, or use teal gradients.
- Add shadows, blur or decorative iconography.
- Use amber for anything other than stale verification.
Motif
Node and connector states
Inactive node
Active node
Traversed connector
Type scale
Restrained, dense, functional
Spacing
Four point scale
Logo
Clear space and minimum sizes
Mark, monochrome navy
Mark, reversed
Clear space equals the height of one node on all sides. Minimum size is 20px for the mark and 96px wide for the wordmark. The mark is never recoloured, rotated or placed on a photograph.