The palette is small enough to enumerate inline. --color-text-* reuses the brand red as the link / accent text token; --color-bg-1 is the same red, used as a full-bleed footer background. Note: success / warning / error / info tokens are declared in the source but serialize as [object Object] — the extractor couldn't read them, so they're documented as absent.
Just two: a pure white page surface and a pure red full-bleed (used for the footer band and the primary CTA button). No mid-tone, no panel-2, no sunken state.
| Token | Hex | Used for |
|---|---|---|
| --color-bg | #ffffff | Page background, default card surface (245 uses) |
| --color-bg-1 | #db0000 | Footer band, primary button surface |
Black ink for body, the brand red for links and special headings, a single grey for muted, white for reversed-out type on the red footer.
--color-text · #000000 — body text. The system mostly stays here.
--color-text-2 · #808080 — muted captions, metadata.
Inline link colored with --color-text-1 reuses the brand red.
This sentence sits at 14px / 400 — Utrecht's only body size.
| Token | Hex | Used for |
|---|---|---|
| --color-text | #000000 | Body text, headings (299 uses) |
| --color-text-1 | #db0000 | Links, navigation, brand emphasis (836 uses — text+border+bg combined) |
| --color-text-2 | #808080 | Muted captions, metadata (20 uses) |
| --color-text-3 | #ffffff | Reversed-out text on the red footer |
Utrecht draws all structural separation with a black 1px hairline. No detected --line-* or --border-* tokens — the border color is just #000000 applied inline.
The source CSS declares success, warning, error, and info but the extractor serialized them as [object Object] — the values weren't readable. With no resolvable status tokens and a 4-color palette, all status states in the real product likely collapse to the same brand red (errors) or omit color entirely.
新しい本の入荷情報や、TOKYO ART BOOK FAIR のお知らせをお届けします。
Get notified about new arrivals and Tokyo Art Book Fair announcements.
