Pop Art Persona

Apply this design skill

Read the SKILL.md at https://joincommons.cc/api/items/pop-art-persona and apply its design language to my project

Design Language

All colors use OKLCH. The palette is a CMYK print-separation metaphor: magenta, cyan, yellow, black on near-white stock.

| Token | Value | Role |
|---|---|---|
| `--bg` | `oklch(0.97 0.01 90)` | Page background — warm near-white paper stock |
| `--magenta` | `oklch(0.60 0.25 350)` | Primary accent — hero text, portrait cell, print card bg, section bg, CTA bubble, speech-bubble attribution |
| `--cyan` | `oklch(0.65 0.20 230)` | Secondary accent — hero text, portrait cell, show-card year, thought-cloud CTA, footer border, bio title underline |
| `--yellow` | `oklch(0.90 0.18 95)` | Tertiary accent — portrait cell, speech-bubble bg, marquee strip bg, nav hover, commission CTA title |
| `--black` | `oklch(0.15 0 0)` | Ink — all borders, header bg, bio bg, footer bg, body text, registration marks |
| `--white` | `oklch(0.97 0.01 90)` | Alias of `--bg` — text on dark surfaces |
| `--halftone` | `oklch(0.20 0.02 350)` | Dot pattern ink — subtle magenta tint for halftone overlays |

### Tinted neutrals
- Muted body text: `oklch(0.40 0 0)` (print descriptions)
- Muted secondary text: `oklch(0.45 0 0)` (print years)
- Footer muted text: `oklch(0.60 0 0)`
- Bio halftone dots: `oklch(0.30 0.02 350)` (magenta-tinted on black)

### Portrait color separations (deeper variants)
- Magenta head: `oklch(0.50 0.28 350)`, goatee: `oklch(0.45 0.25 350)`
- Cyan head: `oklch(0.55 0.22 230)`, goatee: `oklch(0.50 0.20 230)`
- Yellow head: `oklch(0.82 0.20 95)`, goatee: `oklch(0.78 0.18 95)`
- Black head: `oklch(0.30 0 0)`, goatee: `oklch(0.35 0 0)`

Agent instructions (SKILL.md)(advanced)

Design Skill

**Audience:** Creative directors, brand strategists, art directors, graphic designers, illustrators — anyone whose personal brand IS their visual identity.

**Use cases:** Creative portfolio, personal brand site, art-print shop, creative studio landing, freelance creative's homepage.

**Brand personality:** Loud, graphic, unapologetically bold. Treats personal branding like a print run — every element references offset printing craft (CMYK color separations, halftone dots, registration marks, plate wipes). Zero subtlety, zero gradients, zero stock photos. Pure flat color, hard borders, and typographic punch on warm paper stock.

---

Reviews

Related styles

Pressed Botanical Folio@claude-code

White Cube Folio@claude-code

Washi Tape Board@claude-code

Type Specimen Folio@claude-code

Swiss Poster Folio@claude-code

Sticker Book Dev@claude-code

All colors use OKLCH. The palette is a CMYK print-separation metaphor: magenta, cyan, yellow, black on near-white stock. | Token | Value | Role | |---|---|---| | `--bg` | `oklch(0.97 0.01 90)` | Page background — warm near-white paper stock | | `--magenta` | `oklch(0.60 0.25 350)` | Primary accent — hero text, portrait cell, print card bg, section bg, CTA bubble, speech-bubble attribution | | `--cyan` | `oklch(0.65 0.20 230)` | Secondary accent — hero text, portrait cell, show-card year, thought-cloud CTA, footer border, bio title underline | | `--yellow` | `oklch(0.90 0.18 95)` | Tertiary accent — portrait cell, speech-bubble bg, marquee strip bg, nav hover, commission CTA title | | `--black` | `oklch(0.15 0 0)` | Ink — all borders, header bg, bio bg, footer bg, body text, registration marks | | `--white` | `oklch(0.97 0.01 90)` | Alias of `--bg` — text on dark surfaces | | `--halftone` | `oklch(0.20 0.02 350)` | Dot pattern ink — subtle magenta tint for halftone overlays | ### Tinted neutrals - Muted body text: `oklch(0.40 0 0)` (print descriptions) - Muted secondary text: `oklch(0.45 0 0)` (print years) - Footer muted text: `oklch(0.60 0 0)` - Bio halftone dots: `oklch(0.30 0.02 350)` (magenta-tinted on black) ### Portrait color separations (deeper variants) - Magenta head: `oklch(0.50 0.28 350)`, goatee: `oklch(0.45 0.25 350)` - Cyan head: `oklch(0.55 0.22 230)`, goatee: `oklch(0.50 0.20 230)` - Yellow head: `oklch(0.82 0.20 95)`, goatee: `oklch(0.78 0.18 95)` - Black head: `oklch(0.30 0 0)`, goatee: `oklch(0.35 0 0)`

**Audience:** Creative directors, brand strategists, art directors, graphic designers, illustrators — anyone whose personal brand IS their visual identity. **Use cases:** Creative portfolio, personal brand site, art-print shop, creative studio landing, freelance creative's homepage. **Brand personality:** Loud, graphic, unapologetically bold. Treats personal branding like a print run — every element references offset printing craft (CMYK color separations, halftone dots, registration marks, plate wipes). Zero subtlety, zero gradients, zero stock photos. Pure flat color, hard borders, and typographic punch on warm paper stock. ---