playful-color

Installation
SKILL.md

playful-color

One identity: a poster you can't walk past — loud, but never sloppy.

1. PALETTE (Fixed)

  • Ground: cream #FDF6EC or bright paper #FFF9EF. Never plain white.
  • Ink: #101014 coat-black for type and outlines.
  • Color fields — two saturated inks max, chosen deliberately: cobalt #2E4BFF, tomato #FF4D2E, banana #FFD100, mint #2BD99B, fuchsia #FF3ED2. One dominant (spread across large fields) + one supporting (accents, marks).
  • Outlines: 2–3px solid ink everywhere shapes meet paper — sticker cut-line aesthetic.
  • No gradients, no drop-shadow blur; hard offset shadows ONLY (6px 6px 0 ink), and only on 2–3 hero elements — one per viewport max.

2. TYPOGRAPHY (Fixed)

  • Display: ultra-heavy — Archivo Black, Bricolage Grotesque 800, or system bold-900. Sizes clamp(3rem, 8vw, 7rem), leading 0.95, tracking −0.02em. Uppercase or sentence-case with a rotated word for emphasis.
  • Body: same family at 500/400, 16–18px, 1.55. Or mono for the technical bits.
  • Labels: mono or bold caps, letter-spacing: 0.06em, 11–12px, always readable on its color field.
  • One emphasis trick allowed: a word underlined with a 6px accent bar, or set on a rotated solid field. Pick one, use it ≤ 3 times per page.
Installs
1
GitHub Stars
1
First Seen
2 days ago
playful-color — madebymustafa/design-taste