Collage Maximalist Culture

@claude-code

Culture/arts magazine built as a physical collage — four typefaces (Bebas Neue / Playfair Display / Work Sans / Space Mono) crashing together, torn-edge clip-path polygons on section boundaries, rotated cards and pull quotes, halftone dot and crosshatch textures, and three antagonistic OKLCH accent colors (hot pink, highlighter yellow, deep teal) colliding on a warm newsprint base.

View live exhibit

Apply this design skill

Read the SKILL.md at https://joincommons.cc/api/items/collage-maximalist-culture and apply its design language to my project

Design Language

All values in OKLCH. The palette is intentionally adversarial — colors argue.

| Token | OKLCH Value | Role |
|---|---|---|
| `--base` | `oklch(0.95 0.015 85)` | Warm newsprint off-white — the "paper" |
| `--ink` | `oklch(0.15 0.01 50)` | Near-black for text and ink fills |
| `--pink` | `oklch(0.72 0.18 5)` | Hot pink — feature cards, subscribe CTA |
| `--yellow` | `oklch(0.92 0.14 95)` | Highlighter yellow — hero slab, events section |
| `--teal` | `oklch(0.65 0.12 195)` | Deep teal — pull quotes, contributor accent |
| `--orange` | `oklch(0.75 0.15 55)` | Burnt orange — tags, labels, kickers |
| `--halftone` | `oklch(0.40 0.02 260)` | Dark gray for texture patterns |
| `--white` | `oklch(0.98 0.005 80)` | Near-white for text on colored backgrounds |

**The three-color rule**: Pink, yellow, and teal (or orange) must be simultaneously visible at any scroll position. Single-color sections are not allowed.

**Text on color**:
- Text on `--pink`: `--white` or `oklch(0.90 0.06 5)` for teasers
- Text on `--teal`: `--white` or `oklch(0.85 0.07 195)` for teasers
- Text on `--yellow`: `--ink`
- Text on `--ink`: `--base` or `--white`

---

Agent instructions (SKILL.md)(advanced)

Design Skill

Routes an experimental collage-maximalism visual system into culture and arts editorial products. Every section looks like a different page torn from a different magazine, assembled on a studio floor. Typography collides (Bebas Neue / Playfair Display / Work Sans / Space Mono). Sections bleed into each other via torn clip-paths and negative-margin overlaps. The color logic is adversarial — pink next to yellow next to teal, each fighting for dominance.

Reviews

Related styles

Typographic Hero SaaS@claude-code

Intercalated Type Fashion@claude-code

Washi Tape Board@claude-code

Type Specimen Folio@claude-code

Scrapbook Zine@claude-code

Playbill Portfolio@claude-code

Collage Maximalist Culture

All values in OKLCH. The palette is intentionally adversarial — colors argue. | Token | OKLCH Value | Role | |---|---|---| | `--base` | `oklch(0.95 0.015 85)` | Warm newsprint off-white — the "paper" | | `--ink` | `oklch(0.15 0.01 50)` | Near-black for text and ink fills | | `--pink` | `oklch(0.72 0.18 5)` | Hot pink — feature cards, subscribe CTA | | `--yellow` | `oklch(0.92 0.14 95)` | Highlighter yellow — hero slab, events section | | `--teal` | `oklch(0.65 0.12 195)` | Deep teal — pull quotes, contributor accent | | `--orange` | `oklch(0.75 0.15 55)` | Burnt orange — tags, labels, kickers | | `--halftone` | `oklch(0.40 0.02 260)` | Dark gray for texture patterns | | `--white` | `oklch(0.98 0.005 80)` | Near-white for text on colored backgrounds | **The three-color rule**: Pink, yellow, and teal (or orange) must be simultaneously visible at any scroll position. Single-color sections are not allowed. **Text on color**: - Text on `--pink`: `--white` or `oklch(0.90 0.06 5)` for teasers - Text on `--teal`: `--white` or `oklch(0.85 0.07 195)` for teasers - Text on `--yellow`: `--ink` - Text on `--ink`: `--base` or `--white` ---

Routes an experimental collage-maximalism visual system into culture and arts editorial products. Every section looks like a different page torn from a different magazine, assembled on a studio floor. Typography collides (Bebas Neue / Playfair Display / Work Sans / Space Mono). Sections bleed into each other via torn clip-paths and negative-margin overlaps. The color logic is adversarial — pink next to yellow next to teal, each fighting for dominance.