design-prompt-neo-brutalism

name	design-prompt-neo-brutalism
description	Use when the user wants a landing page, interface, or visual system in the Neo-brutalism style from Design Prompts, or explicitly asks for neo-brutalism

Design Prompt Neo Brutalism

Overview

Use this skill when the user wants the Neo-brutalism aesthetic. Keep the target product's content and requirements intact, then translate this style into the requested stack or artifact.

A raw, high-contrast aesthetic that mimics print design and DIY punk culture. Characterized by cream backgrounds, thick black borders (4px), hard offset shadows with zero blur, clashing vibrant colors (Hot Red, Vivid Yellow, Soft Violet), and Space Grotesk typography at heavy weights. Embraces asymmetry, rotation, sticker-like layering, and organized visual chaos.

Read references/style.md before implementation whenever the task depends on this aesthetic.

When to Use

• Requests for the Neo-brutalism style or close synonyms tied to this aesthetic
• New landing pages, marketing sites, dashboards, or polished visual explorations
• Re-skinning an existing page while preserving the user's IA and content

Working Rules

• Treat the style as direction, not as a literal Acme clone.
• Preserve accessibility, responsive behavior, and existing product constraints.
• If the task lives inside an existing design system, adapt this style without breaking local patterns.

Prompt Starter

• Design a [surface] for [brand or product] in the "Neo-brutalism" style.
• Keep the visual system light-first with #FACC15 as the anchor accent.
• Use a clean sans-led hierarchy with confident sizing.
• Start from these section archetypes when relevant: hero, stats, features, how-it-works, benefits, pricing, testimonials, faq, blog, footer.
• Translate the style to the user's domain and copy; do not recreate the Acme demo literally.
• Preserve any existing product constraints, content model, and accessibility requirements.