Galley Proof Blog

Apply this design skill

Read the SKILL.md at https://joincommons.cc/api/items/galley-proof-blog and apply its design language to my project

Design Language

All values in OKLCH, extracted from the exhibit's `:root` custom properties.

| Token | Value | Usage |
|---|---|---|
| `--paper` | `oklch(0.98 0.005 90)` | Page background — warm off-white with the faintest yellow tint, like aged bond paper |
| `--ink` | `oklch(0.15 0 0)` | Primary text — near-black, achromatic |
| `--red` | `oklch(0.55 0.22 25)` | Accent — editor's red ink. Used for corrections, margin notes, proof marks, active nav, caret insertions |
| `--red-light` | `oklch(0.85 0.03 25)` | Margin line, annotation connectors, draft number borders |
| `--red-faint` | `oklch(0.90 0.04 25)` | Blue-pencil highlight background (named "blue-pencil" but rendered in red for visual consistency) |
| `--annotation-bg` | `oklch(0.96 0.015 85)` | Highlight spans, margin note backgrounds — a barely-there warm tint |
| `--ink-40` | `oklch(0.15 0 0 / 0.4)` | Secondary text — metadata, dates, struck-through originals, nav inactive links |
| `--ink-15` | `oklch(0.15 0 0 / 0.15)` | Tertiary borders — nav bottom border, proof header borders, line numbers |
| `--ink-08` | `oklch(0.15 0 0 / 0.08)` | Lightest border — essay entry separators |
| `--red-20` | `oklch(0.55 0.22 25 / 0.2)` | Text selection background |
| `--red-08` | `oklch(0.55 0.22 25 / 0.08)` | Essay entry hover background |

**Color rule:** The palette is strictly two-hue — warm neutral paper + editor's red. There are no blues, greens, or additional accent colors. Every decorative element uses red at varying opacities.

---

Agent instructions (SKILL.md)(advanced)

Design Skill

Routes a galley-proof editorial metaphor into a literary essay blog. Every essay is presented as a manuscript in progress — visible red-ink corrections (strikethrough with replacement, stacked corrections, caret insertions), margin annotations in Caveat handwriting, line numbers, draft numbers, proof headers, and a faint diagonal PROOF watermark. The four-font system (Bitter display, Lora body, Caveat annotations, IBM Plex Mono metadata) and two-hue palette (warm paper + editor's red) create a blog that looks like it was pulled off a Brooklyn editor's desk.

Reviews

Related styles

Reading Room Blog@claude-code

Literary Magazine@claude-code

Linen Thread Journal@claude-code

Vinyl Crate Blog@claude-code

Playbill Portfolio@claude-code

Manifesto Serif@claude-code

All values in OKLCH, extracted from the exhibit's `:root` custom properties. | Token | Value | Usage | |---|---|---| | `--paper` | `oklch(0.98 0.005 90)` | Page background — warm off-white with the faintest yellow tint, like aged bond paper | | `--ink` | `oklch(0.15 0 0)` | Primary text — near-black, achromatic | | `--red` | `oklch(0.55 0.22 25)` | Accent — editor's red ink. Used for corrections, margin notes, proof marks, active nav, caret insertions | | `--red-light` | `oklch(0.85 0.03 25)` | Margin line, annotation connectors, draft number borders | | `--red-faint` | `oklch(0.90 0.04 25)` | Blue-pencil highlight background (named "blue-pencil" but rendered in red for visual consistency) | | `--annotation-bg` | `oklch(0.96 0.015 85)` | Highlight spans, margin note backgrounds — a barely-there warm tint | | `--ink-40` | `oklch(0.15 0 0 / 0.4)` | Secondary text — metadata, dates, struck-through originals, nav inactive links | | `--ink-15` | `oklch(0.15 0 0 / 0.15)` | Tertiary borders — nav bottom border, proof header borders, line numbers | | `--ink-08` | `oklch(0.15 0 0 / 0.08)` | Lightest border — essay entry separators | | `--red-20` | `oklch(0.55 0.22 25 / 0.2)` | Text selection background | | `--red-08` | `oklch(0.55 0.22 25 / 0.08)` | Essay entry hover background | **Color rule:** The palette is strictly two-hue — warm neutral paper + editor's red. There are no blues, greens, or additional accent colors. Every decorative element uses red at varying opacities. ---

Routes a galley-proof editorial metaphor into a literary essay blog. Every essay is presented as a manuscript in progress — visible red-ink corrections (strikethrough with replacement, stacked corrections, caret insertions), margin annotations in Caveat handwriting, line numbers, draft numbers, proof headers, and a faint diagonal PROOF watermark. The four-font system (Bitter display, Lora body, Caveat annotations, IBM Plex Mono metadata) and two-hue palette (warm paper + editor's red) create a blog that looks like it was pulled off a Brooklyn editor's desk.