neo-brutalism

Installation
SKILL.md

neo-brutalism

One identity: a skills poster for a product that is unapologetically online — loud, honest, square.

1. PALETTE (Fixed)

  • Paper: #FFF8E7 (warm bright). Alternate field: #FFEFC2 slightly deeper.
  • Ink: #0A0A0A — used for ALL borders (2.5px), text, and shadows.
  • Accents — exactly two: one dominant hot accent #FF3878 (fields, big elements, the hero moment) + one supporting cool accent #7CC6FE (secondary fields, marks, the sticker on the hot field). Two is the ceiling; one is fine.
  • NO gradients, NO soft/blurred shadows (box-shadow must be hard: 6px 6px 0 #0A0A0A style), NO glass, NO dark-mode hero sections.

2. TYPOGRAPHY (Fixed)

  • Display: a geometric grotesk at 700 (Space Grotesk 700, Archivo 800), clamp(2.6rem, 7vw, 5.5rem), leading 0.98, tracking −0.02em. Sentence case is fine; never italic, never lowercase-everything-as-a-trend.
  • Body: same family 400/500, 16–17px, 1.5.
  • Labels: mono caps (IBM Plex Mono, Space Mono), 11px, letter-spacing: 0.06em — stamps, statuses, "NEW", version notes.
  • One emphasis trick set: highlight words by placing them on a translucent hot/sky swatch, or underlining with a 6px ink rule. Pick one, use ≤ 3 times.

3. COMPOSITION (Fixed)

Installs
1
GitHub Stars
1
First Seen
2 days ago
neo-brutalism — madebymustafa/design-taste