Stacks Documentation
SkillsChangelog
TeamSponsorsPartnersPostcardwareAwesome StacksContributing

Design: brutalist

Copy page
Copy page as Markdown for LLMs
View as Markdown
View this page as plain text
Open in ChatGPT
Copy content and open ChatGPT
Open in Claude
Copy content and open Claude
Open in Perplexity
Search with Perplexity AI
On this page 4

stacks-design-brutalist · Design · model-invoked

An aesthetic preset for industrial and brutalist work: Swiss typography, sharp high contrast, rigid modular grids, monospace telemetry and experimental analog-degradation effects. Suits data-heavy dashboards and editorial sites.

When to reach for it

  • Designing a data-heavy dashboard
  • Portfolio
  • Editorial site that needs Swiss typography
  • Sharp high contrast
  • Rigid modular grids
  • Monospace telemetry
  • Experimental analog-degradation effects

Inside the skill

The sections an agent reads once the skill loads.

    1. Skill Meta
    1. Visual Archetypes
    1. Typographic Architecture
    1. Color System
    1. Layout and Spatial Engineering
    1. UI Components and Symbology
    1. Textural and Post-Processing Effects
    1. Web Engineering Directives

Using it

This one is model-invoked. Your agent reaches for it on its own when the task matches, and you can also call it by name:

/stacks-design-brutalist

Source: stacks-design-brutalist/SKILL.md. Shadow it for one project with app/Skills/stacks-design-brutalist/SKILL.md, then re-run buddy setup:ai. See Writing your own.