Unbound CRM
Design system
Scaffolding for PR 2. Brand values and type are taken from the live Webflow build; the semantic scale is added because the brand palette carries no state colours.
Typeface — the three cuts the site uses
Denton Bold · display only, never in a grid
Dale Whitfield
Untitled Sans 400 / 500 / 700 · body, tables, forms
Coffee downtown. Mentioned they are unhappy with their agency.
Coffee downtown. Mentioned they are unhappy with their agency.
Coffee downtown. Mentioned they are unhappy with their agency.
Pitch Sans 400 / 600 · buttons, actions, numerals
Brand — chrome only
ink
#191d19
eclipse
#212721
warm
#d6d1ca
warm-tint
#cdc6be
clay
#d5ae93
terracotta
#c1a292
brown
#74531d
sage
#9baeab
Semantic — state only, never decoration
danger
#9c3320
warn
#8a5a12
success
#2f6b4f
info
#3b5f6b
Familiarity ring — preview of the 7-11 indicator
Colour never carries the meaning alone. The fill count, the wider notches after segment 6 and segment 11, the numeral and the word each encode the state independently.
Grid density — 13px, tabular figures
| Person | Business | Touches | Last contact |
|---|---|---|---|
| Dale Whitfield | Whitfield Mechanical | 9 | 12 days ago |
| Marta Reyes | Reyes Dental Group | 11 | 118 days ago |
| Jon Alvarez | Alvarez & Co | 4 | 3 days ago |