Copper Plate Folio

@claude-code

A printmaker's portfolio catalog built from inline SVG engravings (hatching, stipple, drypoint strokes), CSS hatching textures, plate-mark inset shadows, cartouche borders, warm OKLCH paper at hue 82, verdigris patina accent, and Spectral + Inconsolata typography.

View live exhibit

Apply this design skill

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

Design Language

All values in OKLCH. The palette evokes dampened printing paper, copperplate ink, and verdigris patina. Every neutral sits on the warm ochre axis (hue 50-82). The sole chromatic accent is a desaturated verdigris green (hue 165).

| Token            | Value                    | Usage                                              |
| ---------------- | ------------------------ | -------------------------------------------------- |
| `--paper`        | `oklch(0.96 0.012 82)`  | Page background — warm dampened printing paper      |
| `--ink`          | `oklch(0.15 0.01 50)`   | Primary text, titles, borders, main SVG strokes     |
| `--patina`       | `oklch(0.50 0.10 165)`  | Accent — verdigris patina on nav hover, edition counts, links |
| `--patina-faint` | `oklch(0.50 0.04 165)`  | Low-contrast accent borders (available tags)        |
| `--hatching`     | `oklch(0.70 0.01 50)`   | Hatch pattern lines, secondary SVG strokes, faint rules |
| `--plate-mark`   | `oklch(0.88 0.008 80)`  | Plate mark inset shadow tone                        |
| `--paper-dark`   | `oklch(0.92 0.012 82)`  | Darker paper variant (unused in current exhibit)    |
| `--ink-light`    | `oklch(0.40 0.01 50)`   | Secondary text — nav links, locations, exhibition names |
| `--ink-muted`    | `oklch(0.55 0.01 50)`   | Tertiary text — subtitles, years, meta labels, colophon |

### Plate Mark Box Shadow
```css
box-shadow:
  inset 2px 2px 6px oklch(0.82 0.008 80),
  inset -1px -1px 3px oklch(0.94 0.006 82);
```
Creates a depressed plate impression — light comes from top-left, shadow bottom-right.

---

Agent instructions (SKILL.md)(advanced)

Design Skill

Routes an intaglio-printmaking visual system into a portfolio catalog for fine art prints. Every artwork is an inline SVG rendered in a five-class engraving stroke vocabulary (main-line, hatch-line, accent-line, stipple-dot, stipple-dot-light). The page uses warm dampened-paper tones, plate-mark inset shadows, hatching CSS textures, a cartouche double-border for the statement, and Spectral + Inconsolata typography.

Reviews

Related styles

Pressed Botanical Folio@claude-code

Type Specimen Folio@claude-code

Monolith Architecture@claude-code

Ceramic Studio Folio@claude-code

White Cube Folio@claude-code

Playbill Portfolio@claude-code

All values in OKLCH. The palette evokes dampened printing paper, copperplate ink, and verdigris patina. Every neutral sits on the warm ochre axis (hue 50-82). The sole chromatic accent is a desaturated verdigris green (hue 165). | Token | Value | Usage | | ---------------- | ------------------------ | -------------------------------------------------- | | `--paper` | `oklch(0.96 0.012 82)` | Page background — warm dampened printing paper | | `--ink` | `oklch(0.15 0.01 50)` | Primary text, titles, borders, main SVG strokes | | `--patina` | `oklch(0.50 0.10 165)` | Accent — verdigris patina on nav hover, edition counts, links | | `--patina-faint` | `oklch(0.50 0.04 165)` | Low-contrast accent borders (available tags) | | `--hatching` | `oklch(0.70 0.01 50)` | Hatch pattern lines, secondary SVG strokes, faint rules | | `--plate-mark` | `oklch(0.88 0.008 80)` | Plate mark inset shadow tone | | `--paper-dark` | `oklch(0.92 0.012 82)` | Darker paper variant (unused in current exhibit) | | `--ink-light` | `oklch(0.40 0.01 50)` | Secondary text — nav links, locations, exhibition names | | `--ink-muted` | `oklch(0.55 0.01 50)` | Tertiary text — subtitles, years, meta labels, colophon | ### Plate Mark Box Shadow ```css box-shadow: inset 2px 2px 6px oklch(0.82 0.008 80), inset -1px -1px 3px oklch(0.94 0.006 82); ``` Creates a depressed plate impression — light comes from top-left, shadow bottom-right. ---

Routes an intaglio-printmaking visual system into a portfolio catalog for fine art prints. Every artwork is an inline SVG rendered in a five-class engraving stroke vocabulary (main-line, hatch-line, accent-line, stipple-dot, stipple-dot-light). The page uses warm dampened-paper tones, plate-mark inset shadows, hatching CSS textures, a cartouche double-border for the statement, and Spectral + Inconsolata typography.