Rox. Black serif masthead on warm newsprint, hairline rules, one blue button.
- AI
- Light theme
- 16 colors
- 3 typefaces
Rox uses a high-contrast editorial language on a warm stone canvas: a single massive serif display headline commands the hero while the product interface speaks in compact, hairline-bordered UI. The palette is near-monochrome — warm grays ranging from #ececea canvas to #1c1917 ink — with one electric blue used exclusively for the primary action button. Status states (Enriching, Engaging, Replying) are the only place where multiple chromatic colors appear, and they appear small, as pill badges, never as decorative washes. The system feels like a financial broadsheet redesigned as software: authoritative type, no rounding softness, minimal shadow, and information density where it counts.
Rox design system
Brand1
Violet supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color
Accent4
Yellow supporting accent for decorative details and low-frequency emphasis. Use as a supporting accent, not as a status color
Red supporting accent for decorative details and low-frequency emphasis. Use as a supporting accent, not as a status color
Orange supporting accent for decorative details and low-frequency emphasis. Use as a supporting accent, not as a status color
Violet supporting accent for decorative details and low-frequency emphasis. Use as a supporting accent, not as a status color
Neutrals11
Logo mark, maximum-emphasis text, the deepest ink in the system
Primary text, display headlines, the darkest reading color
Emphasis body, active link text, nav links
Body text, table data cells, form labels
Body text secondary, description copy below headlines
Secondary captions, footer text, icon strokes on light
Muted helper text, inactive labels, placeholder content
Hairline borders, dividers, stepper connectors, table row separators
Page canvas — the warm off-white ground that all sections sit on
Subtle surface wash, alternating bands, input fills
Card surfaces, elevated panels, product mockup backgrounds
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Bright White on Volt Blue
5.23 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
