Style guide
CVW style guide
The operating style from the 14 September design system: navy text, teal actions, pale surfaces, serif page titles. One icon per function, used everywhere that function appears.
Colours
Navy ink #0a2540
Text and headings
Secondary navy #33506c
Record detail
Muted slate #50697d
Supporting text
Canvas #f4f7fa
Page background
White #ffffff
Panels
Pale surface #eef3f8
Bands, quiet controls
Teal #0c8576
Actions, links, busy
Emerald #0f7a55
Healthy, done
Amber #855800
Waiting
Coral #c04a2e
Problems, stop
Violet #4a5bc4
Starting, stopping, paused
Type
Page title
Instrument Serif 38 · pages only
Section heading
Plus Jakarta Sans 16 bold, with its icon
Body text for records and descriptions.
Plus Jakarta Sans 14
Supporting detail, dates and sources
Plus Jakarta Sans 12.5, muted slate
Section label
JetBrains Mono 10.5, teal, above page titles
price.quantity_break
JetBrains Mono for identifiers and sources
States
Always a word and a colour, never colour alone.
In a conversationBusy: conversation, outbound, research
Waiting for inboundReady for the next customer
IdleOnline, nothing to do
Waiting on a personNeeds a decision
StartingStarting, stopping or paused
OfflineSwitched off or off shift
StoppedStop switch on, or unhealthy
HealthyService or check is fine
Not set up yetNot configured
Components
Buttons
Switch and mode
Chips and sources
All · 5Waiting · 1PriceChat · 12 Sep
Field
Icons
One stroke set · one icon per function · menu, headings, buttonsHome
Workers, a virtual worker
Sage, the coordinator
Work and queues
Conversations and chat
Accounts, tenant
Improve, scorecards
Reports, data
Library, documents, briefs
Setup
Behaviour
Schedule, calendar
Access, permissions
Secrets and keys
Stop switch
Team and users
Products
Formulas, prices
Channels, voice and tone
Connections
AI assistants, MCP
Addresses and links
Health
Telemetry, mood
Activity, events
Decisions, approvals
Hand-offs, delegation, objectives
Lessons
Tests and simulation
Batch review
Flags, problems
Never rules
Always rules, checklists
Rules and limits
Sealed core
Packs, versions, prompts
FDE workbench
Routing
Phone, on call
Style guide
Rules
- Every menu item and section heading carries its function's icon
- Every state is a word and a colour
- The answer first; detail behind Details, tabs and drill-ins
- Every fact shows its source
- No emoji or text symbols in place of icons
- No colour-only states
- No shadows on ordinary panels; only on menus and overlays
- No new icons for a function that already has one