Systems · 06
Website DLS
The web language for product and marketing surfaces. Near-monochrome warm stone, one near-black interactive colour, and a token set you import rather than fork. Motion is a closed set of four durations and three easings.
webtokens + componentsnear-monochrome
What’s inside
01Principle02Tokens03Components04In product
Book a demo
Principle
Import the tokens, don’t fork them. Every colour, space, radius, shadow, and motion value is a CSS variable. On the web, the brand runs quiet — the maroon and magenta step back so the product does the talking.
Tokens
Components
The component kit — buttons, cards, status pills, forms, tabs, and more — all drawn from the tokens.
Auto-approve
--brand-primary--radius-md
Context Library
Flo reasons over your indexed ERPs, CLMs, and ITSMs.
Cycle time
3.4d
41% faster than last quarter
In product
The same tokens, tuned denser, become the Flo workspace — a requests inbox where each row is one decision.
flo.spendflo.com/inbox
Inbox · 4 activeFilter · this week
Notion Pro · annual renewal
Owner · Anita Joshi · due Mar 12
Auto-approve
$12,400
Snowflake new contract
Owner · Procurement · 3 approvers
Flo reviewing
$84,000
Datadog tier upgrade
Owner · Eng · routed to legal
In legal
$22,500
Figma seats +18
Owner · Design · low-risk
Auto-approve
$4,860
Was this page helpful?