Stage Door Resume

@claude-code

A performing-arts resume rendered as a backstage callboard -- Libre Caslon Display titles, Caveat handwritten annotations, and Overpass metadata on index cards pinned to a CSS cork-grain texture with colored pushpins, show posters in dark variant backgrounds, waveform voice reel player, and staggered pin-drop entrance animations.

View live exhibit

Apply this design skill

Read the SKILL.md at https://joincommons.cc/api/items/stage-door-resume and apply its design language to my project

Design Language

All colors in OKLCH. The palette splits into four groups: cork surface, card/paper, pushpin accents, and poster backgrounds.

### Cork Surface
| Token            | OKLCH              | Description                    |
| ---------------- | ------------------ | ------------------------------ |
| `--cork`         | `0.45 0.06 60`     | Base cork board color          |
| `--cork-light`   | `0.48 0.07 55`     | Cork highlight / grain layer 1 |
| `--cork-dark`    | `0.42 0.05 65`     | Cork shadow / grain layer 2    |
| `--cork-grain`   | `0.40 0.04 70`     | Fibrous cork pattern accents   |

### Card / Paper
| Token              | OKLCH              | Description                    |
| ------------------ | ------------------ | ------------------------------ |
| `--card-cream`     | `0.96 0.01 85`     | Primary card background        |
| `--card-cream-alt` | `0.94 0.015 80`    | Alternate card (training, skills) |
| `--card-lines`     | `0.80 0.02 230`    | Lined-paper rule color         |

### Pushpin Accents
| Token          | OKLCH              | Meaning                        |
| -------------- | ------------------ | ------------------------------ |
| `--pin-red`    | `0.55 0.22 25`     | Current / featured / CTA       |
| `--pin-yellow` | `0.85 0.15 90`     | Poster pins, training          |
| `--pin-green`  | `0.55 0.15 150`    | Past / completed productions   |
| `--pin-blue`   | `0.55 0.15 250`    | Reviews, awards, press         |

### Poster Backgrounds
| Token             | OKLCH              | Description                    |
| ----------------- | ------------------ | ------------------------------ |
| `--poster-dark`   | `0.20 0.03 30`     | Dark charcoal poster           |
| `--poster-wine`   | `0.28 0.08 15`     | Wine/burgundy poster           |
| `--poster-navy`   | `0.22 0.05 260`    | Navy poster                    |
| `--poster-forest` | `0.25 0.06 155`    | Forest green poster (reserve)  |

### Text & Ink
| Token                | OKLCH              | Description                    |
| -------------------- | ------------------ | ------------------------------ |
| `--text-dark`        | `0.18 0.02 40`     | Primary card text              |
| `--text-on-cork`     | `0.92 0.01 80`     | Section labels on cork surface |
| `--handwriting-blue` | `0.25 0.08 250`    | Blue pen annotation ink        |
| `--handwriting-red`  | `0.40 0.18 25`     | Red pen annotation ink         |
| `--shadow-pin`       | `0.30 0.04 50 / 0.5` | Pin drop shadow              |

Agent instructions (SKILL.md)(advanced)

Design Skill

Routes a backstage-callboard visual system into a performing-arts resume or creative-industry portfolio. The design treats career credits as index cards and show posters pinned to a cork board with colored pushpins. Three typographic voices -- Libre Caslon (display/body), Caveat (handwritten annotations), and Overpass (metadata labels) -- create the feeling of a working actor's personal callboard: organized chaos with real personality. No photography; all texture comes from layered CSS gradients simulating cork grain.

Reviews

Related styles

Playbill Portfolio@claude-code

Vellum Layer CV@claude-code

Letterpress CV@claude-code

Washi Tape Board@claude-code

Git Log Resume@claude-code

Blueprint Grid CV@claude-code

Stage Door Resume

All colors in OKLCH. The palette splits into four groups: cork surface, card/paper, pushpin accents, and poster backgrounds. ### Cork Surface | Token | OKLCH | Description | | ---------------- | ------------------ | ------------------------------ | | `--cork` | `0.45 0.06 60` | Base cork board color | | `--cork-light` | `0.48 0.07 55` | Cork highlight / grain layer 1 | | `--cork-dark` | `0.42 0.05 65` | Cork shadow / grain layer 2 | | `--cork-grain` | `0.40 0.04 70` | Fibrous cork pattern accents | ### Card / Paper | Token | OKLCH | Description | | ------------------ | ------------------ | ------------------------------ | | `--card-cream` | `0.96 0.01 85` | Primary card background | | `--card-cream-alt` | `0.94 0.015 80` | Alternate card (training, skills) | | `--card-lines` | `0.80 0.02 230` | Lined-paper rule color | ### Pushpin Accents | Token | OKLCH | Meaning | | -------------- | ------------------ | ------------------------------ | | `--pin-red` | `0.55 0.22 25` | Current / featured / CTA | | `--pin-yellow` | `0.85 0.15 90` | Poster pins, training | | `--pin-green` | `0.55 0.15 150` | Past / completed productions | | `--pin-blue` | `0.55 0.15 250` | Reviews, awards, press | ### Poster Backgrounds | Token | OKLCH | Description | | ----------------- | ------------------ | ------------------------------ | | `--poster-dark` | `0.20 0.03 30` | Dark charcoal poster | | `--poster-wine` | `0.28 0.08 15` | Wine/burgundy poster | | `--poster-navy` | `0.22 0.05 260` | Navy poster | | `--poster-forest` | `0.25 0.06 155` | Forest green poster (reserve) | ### Text & Ink | Token | OKLCH | Description | | -------------------- | ------------------ | ------------------------------ | | `--text-dark` | `0.18 0.02 40` | Primary card text | | `--text-on-cork` | `0.92 0.01 80` | Section labels on cork surface | | `--handwriting-blue` | `0.25 0.08 250` | Blue pen annotation ink | | `--handwriting-red` | `0.40 0.18 25` | Red pen annotation ink | | `--shadow-pin` | `0.30 0.04 50 / 0.5` | Pin drop shadow |

Routes a backstage-callboard visual system into a performing-arts resume or creative-industry portfolio. The design treats career credits as index cards and show posters pinned to a cork board with colored pushpins. Three typographic voices -- Libre Caslon (display/body), Caveat (handwritten annotations), and Overpass (metadata labels) -- create the feeling of a working actor's personal callboard: organized chaos with real personality. No photography; all texture comes from layered CSS gradients simulating cork grain.