Answer
Ocho's colour and type tokens, light and dark.
Today
Not applicable to a generated document: it is rewritten from its sources on every build.
Tomorrow
| Token | Light | Dark |
|---|---|---|
| bg | #f7f6f5 |
#101218 |
| surface | #ffffff |
#181b22 |
| surface2 | #efedec |
#21252e |
| ink | #1a1218 |
#f4f1f3 |
| muted | #5e5862 |
#a9adba |
| line | #e2dedc |
#2c303a |
| hero | #ff4fa3 |
#ff4fa3 |
| heroInk | #1a1218 |
#1a1218 |
| focus | #c8146e |
#ff7dbb |
| radius | 16px |
16px |
| radiusSm | 10px |
10px |
| shadow | 0 8px 24px rgba(26,18,24,.10) |
0 8px 24px rgba(0,0,0,.30) |
| Role | Face |
|---|---|
| Display | DynaPuff |
| Body | Archivo |
brand-directions/docs2/data/dirs.json
How we do it
Generated by handbook/tools/gen.mjs on every build. Change the source, never this file. The hero colour is for the character, the main button and focus, never a card fill.
Numbers
Not applicable to a generated document: it is rewritten from its sources on every build.
Open
Not applicable to a generated document: it is rewritten from its sources on every build.