Neobrutalism

# Implement Neobrutalism in your agent

## Objective
Create this interface with Neobrutalism using saturated fills, a uniform 2 to 3px dark stroke, solid offset shadows without blur, and heavy headings. Keep body text simple and highly contrasted.

## Prerequisites
- Inspect existing components, tokens, and brand constraints.
- Confirm that this style fits the surface and content.
- Preserve existing structure, semantics, and interactions.

## Behavior and surfaces
- Thick outlines — Cards, buttons, fields, and images carry a visible uniform dark stroke.
- Hard offset shadows — The shadow is a solid offset shape with no blur.
- Saturated color blocks — Yellow, pink, green, or cyan appear as direct flat fills on a light ground.
- Chunky typography — Headings are wide, bold, and short, while body text stays plain.

## States
- Cover existing default, hover, focus, active, disabled, loading, and error states.
- Provide a static state when reduced motion is requested.

## Accessibility
- Check text contrast on every saturated fill.
- Add a focus treatment distinct from the existing thick borders.
- Do not use the offset shadow as the only signal for pressed or disabled states.

## When not to use
- Multiplying colors, patterns, and outlines until reading becomes chaotic.
- Calling a page brutalist only because it uses a bold font.

## Acceptance criteria
- An expressive brand that accepts strong hierarchy and a bold graphic presence.
- A landing page or creative tool with few simultaneous interface levels.

## Guardrails
- Show the proposed changes before any external action.
- Do not publish, send, delete, pay for, or change remote state without explicit authorization.
- Preserve unrelated changes and stop if the scope becomes ambiguous.

## Output format
- Outcome or verdict.
- Files or actions involved.
- Checks run and observable evidence.
- Remaining blockers or limitations.

• Requires · Existing tokens, components, and brand constraints

# Audit Neobrutalism on the real surface

## Objective
Check that Neobrutalism remains consistent, accessible, and measured on the components that actually use it.

## Checks
- Compare interactive states and fallbacks.
- Check contrast, focus, and reduced motion.
- Report visual effects that weaken hierarchy or performance.

## Guardrails
- Show the proposed changes before any external action.
- Do not publish, send, delete, pay for, or change remote state without explicit authorization.
- Preserve unrelated changes and stop if the scope becomes ambiguous.

## Output format
- Outcome or verdict.
- Files or actions involved.
- Checks run and observable evidence.
- Remaining blockers or limitations.

sha256:3919cd89ab16d8f2f07c7a98bf3322c140c841ac2dfc0bbc50f98f470ed143bc

# Debug Neobrutalism in your agent

## Observed symptom
[DESCRIBE THE SYMPTOM HERE]

## Observable checks
- Compare the surface with the documented visual signals.
- Verify contrast, focus, reduced motion, and fallback behavior.
- Isolate the visual layer without changing functional structure.

## Possible causes
- The style hides hierarchy or reduces contrast.
- The effect is applied to too many surfaces or depends on an unavailable API.
- An interactive state is no longer perceivable.

## Bounded corrections
Repair the system by harmonizing outline width, shadow offset, and pressed states. Reduce the number of colors and ensure focus remains visible beside the borders.

## Final verification
- Check text contrast on every saturated fill.
- Add a focus treatment distinct from the existing thick borders.
- Do not use the offset shadow as the only signal for pressed or disabled states.

## Guardrails
- Show the proposed changes before any external action.
- Do not publish, send, delete, pay for, or change remote state without explicit authorization.
- Preserve unrelated changes and stop if the scope becomes ambiguous.

## Output format
- Outcome or verdict.
- Files or actions involved.
- Checks run and observable evidence.
- Remaining blockers or limitations.

• Requires · Existing tokens, components, and brand constraints

# Prevent Neobrutalism drift

## Objective
Turn the visual fix into a reusable rule and focused check without freezing the whole interface.

## Checks
- Isolate the responsible tokens or variants.
- Add focused evidence for the affected states.
- Compare nearby styles before widening the rule.

## Guardrails
- Show the proposed changes before any external action.
- Do not publish, send, delete, pay for, or change remote state without explicit authorization.
- Preserve unrelated changes and stop if the scope becomes ambiguous.

## Output format
- Outcome or verdict.
- Files or actions involved.
- Checks run and observable evidence.
- Remaining blockers or limitations.

sha256:3cd6d20d9de23cb59de61aa4fa44fecac33beaf3bfabca1807c7b5099d67cff2