Documentation
Build a reliable content experience
Use this scene to evaluate long-form readability, muted supporting text, links, borders, callouts, and code-like surfaces.
Color roles should stay comfortable across dense paragraphs. A strong inline link should read as interactive without overpowering the surrounding copy.
Surfaces and borders need enough separation to frame reference material while keeping attention on the article text hierarchy.
Note
Theme Score checks contrast and role fit, but this preview helps confirm the palette still matches the product mood.
const tokens = {
background: "var(--color-background)",
surface: "var(--color-surface)",
accent: "var(--color-accent)"
};
Beta API
Secondary reference panel
Panels should feel distinct from the page background while preserving readable body and muted text.