What problem does it solve?
Designing a distinctive creative agency, studio, or portfolio site often results in generic SaaS-style layouts with rounded cards and decorative gradients. This Skill provides a complete design system and implementation playbook for building stark, editorial brutalist websites with hard black-and-white chapters, billboard-scale typography, and narrative documentary collages.
Core Features & Use Cases
- Visual System Guidance: Defines hard black/warm-white palettes, compressed display type paired with neutral grotesk, exposed grid lines, and square corners.
- Page Composition Playbook: Covers hero, work chapters, philosophy sections, documentary collages, testimonials, updates, FAQ, and oversized footer wordmarks.
- Accessible Interaction Patterns: Implements semantic menu and FAQ controls with
aria-expanded, focus management, keyboard support, and reduced-motion fallbacks.
- Use Case: A designer asks their AI agent to build an original architecture studio portfolio with a billboard headline, a narrative image collage with capped parallax, and an accessible full-screen menu, producing a complete standalone HTML page.
Quick Start
Use the documentary-brutalist-agency skill to design an original agency portfolio site with billboard typography, hard black-and-white chapters, and an accessible brutalist navigation menu.
