Design.dev design.dev
Style Pack

Warm Print Magazine Style Pack for AI Agents

A printed quarterly as a constraint set for Claude, Cursor, and any coding agent. One serif, one sans, three vermillions.

Install → Prompt → Ship

Live Preview

Same fixture · Every pack

Every pack renders this exact markup. Only the constraints change.

The Pack

Download
Loading…

Prompt overlay

Paste above any component prompt.

Claude Code · Codex · Cursor

.claude/skills/warm-print-magazine/ .agents/skills/warm-print-magazine/

SKILL.md plus references/tokens.md and references/components.md.

Cursor rule

.cursor/rules/warm-print-magazine.mdc

Any agent

./DESIGN.md

Link it from AGENTS.md.

Tokens

Color
vermillion
Three per view
text
#3A2E22 body, one step under ink
Type
serif
Iowan / Palatino: display, body, small-caps labels
sans
Avenir / Gill Sans: chrome only
display
60px · 1.02
body
18px on 28px, justified
Grid & rhythm
grid
12 columns · 28px gutter
scale
7 · 14 · 21 · 28 · 42 · 56
rules
hairline · 1px · 3px · double
Motion
duration
200ms hover only
ease
ease-out
radius
0

Component Rules

01

Masthead

Serif name on a 3px ink rule. Nav and small-caps dateline beneath, closed by the one vermillion rule.

02

Heading / dek

Small-caps vermillion kicker. Roman serif display, balanced. Italic dek in mute.

03

Rail

Byline and pull quote sit on columns 10 to 12, not centered. Quote hangs its opening mark.

04

Input

No box. A serif value on a 1px ink baseline. Focus becomes a double rule.

05

Button

Ink fill, serif small caps. Hover goes vermillion. Ghost is a label on a rule.

06

Table

Ledger. Sans heads on 1px ink, hairline rows, tabular numerals right-aligned.

07

Tabs

A small-caps index separated by middots. Current is ink semibold. No underline.

08

Notice / colophon

Double rule: 3px, 2px gap, 1px. Tint block, small-caps title.

Anti-Drift

Always

  • Cream ground, always. Darken the ink for contrast
  • Serif for reading and labels, sans for chrome
  • Vermillion three times: kicker, one rule, primary hover
  • Italic only in the dek and pull quote
  • Every space a multiple of 7. Radius 0

Never

  • White canvas or Inter headlines
  • Boxed inputs or underlined tabs
  • A fourth vermillion, or a tinted row wash
  • SaaS card tiles, drop shadows, 16px radius
  • Spotlight-on-black palettes
Copied to clipboard