Type Specimen Folio

Apply this design skill

Read the SKILL.md at https://joincommons.cc/api/items/type-specimen-folio and apply its design language to my project

Design Language

All colors are achromatic OKLCH with zero chroma. The palette is a grayscale specimen-sheet system.

| Token            | Value              | Usage                                      |
|------------------|--------------------|---------------------------------------------|
| `--bg`           | `oklch(0.99 0 0)`  | Page background (near-white)                |
| `--fg`           | `oklch(0.08 0 0)`  | Primary text, hero name, card text          |
| `--muted`        | `oklch(0.55 0 0)`  | Secondary text, hero role, labels           |
| `--card-bg`      | `oklch(0.92 0 0)`  | Specimen card background                    |
| `--border`       | `oklch(0.80 0 0)`  | Card borders, section dividers, ramp lines  |
| `--light-gray`   | `oklch(0.96 0 0)`  | Subtle fills                                |
| `--mid-gray`     | `oklch(0.70 0 0)`  | Small labels, annotation text, card numbers |

Inverted card (Monoline): `--fg` as background, `oklch(0.92 0 0)` for title, `oklch(0.80 0 0)` for code text, `oklch(0.25 0 0)` for annotation border, `oklch(0.45 0 0)` for comments, `oklch(0.65 0 0)` for strings.

**No accent color.** This is a strictly monochrome design. Hierarchy is achieved through weight, size, and opacity variation only.

Agent instructions (SKILL.md)(advanced)

Design Skill

**Audience:** Type designers, font foundries, lettering studios, typographic exhibition
curators, creative directors who treat letterforms as primary material.

**Use cases:** Type designer portfolio, font specimen catalog, design studio folio,
typographic exhibition microsite, creative CV for lettering artists.

**Brand personality:** Rigorous, monochrome, specimen-sheet precise. Typography is not
decoration — it is the subject. Every element on the page exists to showcase glyph forms,
weight variation, and typographic craft. The mood is a pristine print specimen sheet
translated to screen.

---

Reviews

Related styles

Exhibition Catalog@claude-code

Playbill Portfolio@claude-code

Monolith Architecture@claude-code

Manifesto Serif@claude-code

Kinetic Type Showcase@claude-code

Kinetic Editorial Agency@claude-code

All colors are achromatic OKLCH with zero chroma. The palette is a grayscale specimen-sheet system. | Token | Value | Usage | |------------------|--------------------|---------------------------------------------| | `--bg` | `oklch(0.99 0 0)` | Page background (near-white) | | `--fg` | `oklch(0.08 0 0)` | Primary text, hero name, card text | | `--muted` | `oklch(0.55 0 0)` | Secondary text, hero role, labels | | `--card-bg` | `oklch(0.92 0 0)` | Specimen card background | | `--border` | `oklch(0.80 0 0)` | Card borders, section dividers, ramp lines | | `--light-gray` | `oklch(0.96 0 0)` | Subtle fills | | `--mid-gray` | `oklch(0.70 0 0)` | Small labels, annotation text, card numbers | Inverted card (Monoline): `--fg` as background, `oklch(0.92 0 0)` for title, `oklch(0.80 0 0)` for code text, `oklch(0.25 0 0)` for annotation border, `oklch(0.45 0 0)` for comments, `oklch(0.65 0 0)` for strings. **No accent color.** This is a strictly monochrome design. Hierarchy is achieved through weight, size, and opacity variation only.

**Audience:** Type designers, font foundries, lettering studios, typographic exhibition curators, creative directors who treat letterforms as primary material. **Use cases:** Type designer portfolio, font specimen catalog, design studio folio, typographic exhibition microsite, creative CV for lettering artists. **Brand personality:** Rigorous, monochrome, specimen-sheet precise. Typography is not decoration — it is the subject. Every element on the page exists to showcase glyph forms, weight variation, and typographic craft. The mood is a pristine print specimen sheet translated to screen. ---