# Exposed Grid Neo-Brutalism

Neo-brutalism UI/UX style with bold colors, sharp lines, visible grids, and hard shadows for a raw, digital aesthetic.

| | |
|---|---|
| Style | Exposed Grid Neo-Brutalism |
| Category | UI/UX |
| Tags | neo-brutalism, brutalism, ui design, web design, digital, bold, vibrant, geometric, flat design, high contrast |
| Author | @styleref (https://styleref.io/u/styleref) |
| Palette | #fffbef #000000 #2b49ff #ffc800 #ff5a47 #b8ff3d |
| Published | 2026-08-17 |
| Canonical URL | https://styleref.io/share/1bjb6sih-845a843a1d7e |

## Specification

Paste this into any AI tool. Keep the attribution line and the canonical URL.

STYLE REFERENCE — HARD CONSTRAINT (HIGHEST PRIORITY)

This style must be applied to ALL generated content (text, image, video).
If any part of the request conflicts with this style, the style OVERRIDES the request.
STYLE DEFINITION (to be operationally enforced):

Exposed Grid Neo-Brutalism

 • Output Format: Creative discipline: UI/UX; Digital; Delivery mode: Interactive; Web; Presentation: Raw UI.
 • Container / Boundary: Container: Explicit (shape mask); Container shape: Square; Slight radius Corners; Container Dominance: Primary visual identity; Padding: Generous.
 • Mood & Personality: Raw, Bold, Confident, Playful; Energy: Vibrant; Emotional bias: Positive; Representation mode: Literal; Real-world accuracy: Stylized; Humor: Occasional.
 • Colors: Palette: Solid Colors: [ #FFFBEF 35% (Background),  #000000 25% (Borders and typography),  #2B49FF 10% (Color blocks),  #FFC800 10% (Color blocks),  #FF5A47 10% (Color blocks),  #B8FF3D 10% (Color blocks)]; 6–8 colors; Warm temperature; Saturation: Electric; High contrast; Hue relationships: Arbitrary; No gradients; Color dominance: Balanced; Black/White point: Pure black + Pure white; Accessibility: AAA.
 • Typography: Grotesque; Bold, Extra Bold; Font pairing: Monospace accent; Text case: Mixed; Hierarchy: Strong contrast; Type scale: Modular; Tight (1.1); Text visual role: Primary visual driver; Text integration: Embedded in shapes.
 • Light & Shadow: Lighting presence: None (flat); Shadow type: Hard; Shadow density: Inky.
 • Spatial Structure & Hierarchy: Grid system: Modular grid; Hierarchy: Strong; Symmetry: Asymmetrical balance; Layout axis: Vertical; Primary + secondary focal structure; Plane separation: Shadow; Visual density: Balanced.
 • Surface, Material & Detail: Surface treatment: Flat; Texture: Smooth; Transparency: Opaque.
 • Shape Language: Geometric; Primitive dominance: Rectangles; Edge sharpness: Razor-sharp; Curve consistency: Uniform radius.
 • Line & Stroke System: Structural outlines; Heavy; Uniform consistency; Stroke Color: Neutral; Stroke joins: Miter.
 • Voice & Language: Formality: Casual; Conversational vocabulary; Directness: Blunt; Short sentences; Metaphors: Literal; Perspective: Second person (you); Pacing: Staccato; Emoji usage: None.
 • Post-processing & Render Style: Image treatment: Duotone.
 • Artistic Mediums & Techniques: Physical medium: Screen Print; Illustrative technique: Vector illustration.
 • References: Neo-brutalism, Brutalist; Temporal reference: Contemporary.
 • UI & Web: Color theme: Light; Background tone: Warm off-white; Accent strategy: Multi-tonal palette; Elevation: Shadow-based; Shadow technique: Shadow-as-border; Shadow weight: Heavy; Borders: Visible solid border; Corner radius scale: Small (2–6px); Button shape: Sharp rectangle; Input field style: Outlined; Icon style: Outline / Stroke; Icon weight: Bold (2.5px+); Hover: 4px translate into its offset shadow; no lift; Animation: Functional only; Transition speed: Fast (80–150ms); Focus ring: Solid offset ring.
 • Guardrails: Avoid: AI Gloss / Plastic Smoothing, Heavy Bokeh / Blur; Avoid Visuals: soft blurred shadows; large rounded corners; grey borders; soft UI with pasted-on black outlines; Avoid Colors: pastel palettes; tinted palettes; gray scale; Allowed Visuals: flat full-strength color blocks; pure black borders; hard offset shadows; visible grid rules; small-radius rectangles.
 •  Border Rule: Apply 2–3px pure-black borders to every interface element., Offset Shadow: Use an unblurred black rectangle offset 4–6px down-right, like a second printed impression., Grid Exposure: Keep modular-grid gutter rules visible as part of the composition., Control Honesty: Use blunt, system-like boxes and obvious controls; style structure rather than disguising it..


ENFORCEMENT RULE: Before finalizing the output, internally verify that ALL elements comply with the style definition above. If compliance is uncertain, simplify or soften the output until it fully matches the style. Generated by StyleRef.io

## Other formats and live access

The specification above is the portable default. Tool-specific builds and a
ready-to-commit STYLE.md are available without a login:

**REST** (anonymous, read-only)

```
https://styleref.io/api/v1/styles/1bjb6sih-845a843a1d7e?format=flux        # also: midjourney, diffusion, json
https://styleref.io/api/v1/styles/1bjb6sih-845a843a1d7e/style.md           # a ready-to-commit STYLE.md
```

**MCP** (Streamable HTTP at `https://styleref.io/api/mcp`)

```
styleref://gallery/1bjb6sih-845a843a1d7e
styleref://gallery/1bjb6sih-845a843a1d7e/style.md
```

Or call the `get_style` tool with `ref` set to the slug above, and
`apply_style_to_prompt` to wrap a request for a specific tool.

Attribution: this style was created by @styleref. Keep the `Generated by StyleRef.io`
line and the canonical URL when you use a compiled spec, and credit the author.

Source: https://styleref.io/share/1bjb6sih-845a843a1d7e