Generate Neo-Brutalist UI Components and Styles

Neo-Brutalism is a design-style child skill ('brutalism, but make it pop - hard lines, stark shadows, and vibrant, unashamed colors'), part of the design-it family and not meant to be triggered directly - distinct from plain Brutalism's unstyled, default-browser look. Three core principles: Hard Drop Shadows (solid black shadows with zero blur, usually offset a few pixels down and right), Thick Outlines (every element has a heavy, solid black border, typically 2-4px), and Flat High-Contrast Colors (bright saturated pastels or primary colors against pure white or black).

Use it when the user's request matches this bold, playful, heavy-outlined aesthetic - indie product landing pages, creative portfolios, or Gen-Z-targeted consumer apps that want energetic, unapologetic visual punch. As a design sub-style, it's selected by the parent design-it skill's routing rather than invoked on its own.

Visual DNA starts with an off-white background (#FDF8F5), stark black borders, and saturated accent colors like lemon yellow, bright cyan, or coral, paired with very bold geometric sans-serifs (Space Grotesk, Archivo Black, Inter Black) and shapes ranging from sharp rectangles to fully rounded pills, always with a heavy stroke. The web implementation's defining technique is a box-shadow with zero blur radius - a hard-edged offset shadow (6px 6px 0px #000000) that reads as a solid shape rather than a soft glow - combined with a thick solid border. Buttons get their own smaller hard shadow, and the signature interaction is the "press" effect: on :active, the button translates exactly the shadow's offset distance and the shadow collapses to zero, visually simulating the button being physically pushed flush against the card beneath it.

.neo-btn {
  border: 3px solid #000000;
  box-shadow: 4px 4px 0px #000000;
}
.neo-btn:active {
  transform: translate(4px, 4px);
  box-shadow: 0px 0px 0px #000000;
}

SwiftUI reproduces the thick solid outline with a Rectangle().stroke(Color.black, lineWidth:) overlay at the same 3pt weight, bold black-weight system font for headlines, and a bright solid accent color (coral) as the card fill - built as a Button with pressed-state tracking so the same hard-shadow "press" interaction can be reproduced natively.

Designers and developers building an indie product page, creative portfolio, or playful consumer app that wants bold, high-contrast, unapologetically graphic visual energy with a tactile "pressable" button interaction, distinct from both plain unstyled Brutalism and softer modern UI trends.