WRITER. A white marble newsroom where pill-shaped controls and a single violet accent turn enterprise software into confident editorial design.
- AI
- Light theme
- 13 colors
- 2 typefaces
WRITER operates as an editorial AI atelier: a near-white canvas where confident display headlines in Poppins (64px, tight tracking) sit above pill-shaped controls with 60-82px radii, and a single vivid violet accent punctuates an otherwise monochrome system. The visual language alternates between bright editorial sections and near-black resource blocks, creating a magazine-meets-control-center rhythm where typography carries authority and color acts as functional punctuation. Custom serif CanelaDeck surfaces in body copy for an editorial undertone, while the geometric Poppins handles everything from eyebrow labels (0.14-0.30em tracking) to product UI. Components are lightweight and rounded: thin dividers, pill inputs, soft cards with 12px radii, and minimal elevation — the design trusts whitespace and type scale over chrome.
WRITER design system
Brand2
Highlighted word in display headlines, decorative emphasis — vivid violet that draws the eye to a single concept within a monochrome headline
Violet supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color
Accent3
Light supporting surface for subtle backgrounds and section separation. Do not promote it to the primary CTA color
Blue supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color
Gradient wash for announcement bar — soft pink fading to lavender white
Neutrals8
Primary body text, heading text, strong borders, and iconography
Supporting neutral for secondary UI, dividers, and muted labels. Do not promote it to the primary CTA color
Dark surface level, input borders on dark mode, secondary dark fills
Helper text, input placeholder, secondary metadata
Placeholder text, low-priority labels, trust-logo grayscale
Muted text, secondary borders, disabled states — mid-gray for de-emphasis
Hairline borders, dividers, subtle card edges — the lightest structural neutral
Page canvas, card surfaces, button text on dark fills, input backgrounds
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink Black on Orchid Accent
5.64 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7
