Answer
Scoop'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 | #f6f4f0 |
#121215 |
| surface | #ffffff |
#1b1b20 |
| surface2 | #eeebe5 |
#25252b |
| ink | #17171c |
#f2efe9 |
| muted | #585663 |
#aaa7b3 |
| line | #e2ded6 |
#32323a |
| hero | #ff7a1a |
#ff7a1a |
| heroInk | #17171c |
#17171c |
| focus | #b34a04 |
#ff9a4d |
| radius | 16px |
16px |
| radiusSm | 10px |
10px |
| shadow | 0 8px 24px rgba(23,23,28,.10) |
0 8px 24px rgba(0,0,0,.32) |
| Role | Face |
|---|---|
| Display | Gloock |
| Body | Schibsted Grotesk |
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.