Reworkd. The only color that speaks is the action button and the gradient headline above it.
- AI
- Light theme
- 13 colors
- 4 typefaces
Reworkd presents a quiet, AI-tool aesthetic built on a soft lavender-to-white canvas with a single vivid blue accent that powers CTAs, gradient text fills, and the product's blue-violet glow. The defining typographic move is pairing a custom high-contrast display serif (Selecta) at near-black against Suisse Intl for the entire UI chrome — the serif headline is the only decorative gesture on an otherwise utilitarian surface, creating a calm-product contrast. Layout is compact, centered, max-width contained, with thin 6px-radius cards floating on layered soft shadows and hairline 1px borders. Color discipline is strict: 95% achromatic plus one electric blue family, with green reserved for status badges and gradients used sparingly for atmosphere (hero glow) and emphasis (gradient headline text).
Reworkd design system
Brand2
Brand borders, gradient text fills, icon strokes, link accents — the dominant chromatic identifier across the entire site; Hero background radial glow — the atmospheric blue light at the top of the page
Primary action button fill, active states — the only solid color button in the system; Violet action color for filled buttons, selected navigation states, and focused conversion moments.
Accent3
Secondary blue accent for illustrations and decorative icon strokes
Green outline accent for tags, dividers, and focused UI edges. Use as a supporting accent, not as a status color
Link border accent, gradient text deep stop
Neutrals8
Primary text, dominant border color, nav text, heading text — the structural dark of the system
Body text muted, secondary button text, supportive UI labels
Tertiary text, helper copy, table row metadata
Icon stroke variant, heading accent borders, decorative line work
Icon strokes, muted borders, secondary button borders — cool-toned mid-gray
Secondary surface, input backgrounds, hairline border variant
Hero gradient origin, soft section backgrounds — gives the page its daylight wash
Page canvas, card surfaces, button text, inverted surfaces
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink on Sky Glow
4.70 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
