Create a brutalist-inspired website with oversized typography, visible borders, stark contrast blocks, and intentional raw composition.
Brutalist Contrast
Raw blocks, oversized typography, visible borders, and deliberate tension.
- Abrupt sectional rhythm with obvious breaks and strong borders.
- Oversized and assertive. Type is the main weapon.
- Sharp contrast and disciplined bold accents.
Abrupt sectional rhythm with obvious breaks and strong borders.
Oversized and assertive. Type is the main weapon.
Optional. The style can remain powerful even while mostly static.
Make the result legible before anyone generates it
Each direction is translated into concrete layout, type, color, and pacing notes so the prompt has a visible design consequence.
Layout
Abrupt sectional rhythm with obvious breaks and strong borders.
Typography
Oversized and assertive. Type is the main weapon.
Color
Sharp contrast and disciplined bold accents.
Motion
Optional. The style can remain powerful even while mostly static.
Imagery
Can be raw, documentary, or absent.
Density
Medium to high, but confrontation is intentional.
What to push and what to keep out of the frame
Do
- Make the tension deliberate and typographically anchored.
- Use visible section cuts and obvious utility.
- Let contrast create attitude instead of decorative polish.
Avoid
- Avoid turning rawness into accidental mess.
- Do not combine too many conflicting fonts or motifs.
- Avoid low-contrast failures in the name of experimentation.
Variation prompts that keep the same design DNA
These keep the same underlying direction but change how aggressively the page scans, moves, or compresses for mobile.
Sharper hierarchy
Push scan clarity harder while keeping the same DNA.
Create a brutalist-inspired website with oversized typography, visible borders, stark contrast blocks, and intentional raw composition. Increase the hierarchy contrast, make the headline-to-body scale more assertive, and tighten the scanning path without changing the core direction.
Softer tone
Make the same direction more welcoming and approachable.
Create a brutalist-inspired website with oversized typography, visible borders, stark contrast blocks, and intentional raw composition. Soften the overall tone slightly, reduce visual hardness, and make the composition feel more approachable while preserving structure.
Mobile-first
Compress the composition for phone-sized scanning.
Create a brutalist-inspired website with oversized typography, visible borders, stark contrast blocks, and intentional raw composition. Optimize the composition for mobile-first scanning with tighter sections, shorter copy blocks, and stronger first-screen clarity.
Mock outputs for this direction
Use these as visual anchors for how the same prompt family can express itself across hero, type, and flow.
Brutalist Contrast Hero
Abrupt sectional rhythm with obvious breaks and strong borders.
Brutalist Contrast Type
Oversized and assertive. Type is the main weapon.
Brutalist Contrast Flow
Optional. The style can remain powerful even while mostly static.
Nearby categories worth exploring next
Creator Velocity
Fast, punchy, creator-native composition built for immediacy and social energy.
Describe high-immediacy hooks, creator-native overlays, vertical-video pacing, and social scan hierarchy in the prompt.
- Bold hooks
- Overlay text
- Fast scan
- Playful motion
Motion-first Canvas
Scroll choreography and staged reveals with readable fallback structure.
- Staggered reveals
- Directional flow
- Tempo
- Transitions
Editorial Grid 2D
Magazine pacing translated into web layout rhythm and type contrast.
- Asymmetric grid
- Serif contrast
- Captions
- Whitespace