Brand
Design system reference
A working reference for the tokens, components, and diagram language used across the site — kept consistent across every page.
Wordmark
evolixaiva
Color
Tokens
surface-0
#0A1220
surface-1
#111C30
surface-light
#F7F8FA
ink-light
#0A1220
ink-dark
#E8ECF3
muted
#8A97AC
accent
#4F7CFF
accent-2
#2FBF9E
alert
#E0A33E
Typography
Type scale
Display 5xl
Display 3xl
Display xl
Body text in Inter, used for paragraphs and supporting copy.
Mono — used for labels, traces, node names, metadata.
Components
Buttons, badges, states
Components
Cards & inputs
Card title
Cards carry a subtle border and a barely-tinted background.
Diagram system
Platform pipeline example
Scroll to see the full diagram →
Input
A task enters the system — a request, a ticket, or a scheduled trigger.
Trace viewer
Accountability component
Illustrative trace
workflow: invoice-triage- 10:42:11invoice-triageWorkflow startedFlow
- 10:42:12invoice-triageRead invoice #INV-10432Flow
- 10:42:12invoice-triageMatched purchase order PO-8821Flow
- 10:42:13invoice-triagePayment approval requestedFlow
- 10:42:13policy-gateAction blocked: approval requiredNeeds human
- 10:43:02finance-reviewerApproved by reviewerVerified
- 10:43:03invoice-triageWorkflow completedVerified
Surfaces
Light and dark, side by side
surface-0
Primary dark surface for hero and diagram sections.
surface-light
Primary light surface for content sections.