Design system

The DeftCopy brand.

Editorial warmth, typographic confidence, one decisive red. Everything below is the working system behind the site.

01 · Wordmark

deftcopy
deftcopy
deftcopy

Always lowercase. “copy” always italic. Never letterspaced, never outlined.

02 · Color

Parchment
#F7F4EE · page background
Paper
#FFFDF9 · cards & panels
Ink
#191613 · text & dark surfaces
Deft Red
#C2401F · accent & actions
Ember
#C87B5F · accent on ink
Graphite
#4A443C · body text

03 · Typography

Display · Instrument Serif 400 Deadlines love a deft hand.
Body · Instrument Sans 400–600 Body copy is set in Instrument Sans at 14–19px with relaxed leading. Muted ink on parchment keeps long reads comfortable; full ink is reserved for headings and emphasis.
Labels · Spline Sans Mono 400–500 Eyebrows · Scores · Buttons · Metadata

04 · Components

Buttons Primary action Secondary ink Tertiary outline
Score bar
Clarity 94
Edit mark

utilize use

Dark surface

Ink panels carry feature storytelling and the copilot.

Muted text on ink is #B3AA99; the accent warms to #C87B5F for legibility.

05 · Voice

We say

“Your revision rounds, cut to one.”

We never say

“Revolutionize your content workflow with cutting-edge AI.”

Rules

Specific over superlative. Sentence case everywhere. No emoji. The product augments writers. It never replaces them, and the copy never implies it does.