Uilora Brute Grid
Uilora Brute — raw brutalist masonry grid with thick black borders, yellow accents, and Arial Black typography.
Props
| Property | Type | Default | Description |
|---|---|---|---|
| images | string[] | [/* 6 Unsplash URLs */] | Array of 6 image URLs placed throughout the brutalist grid. |
| backgroundColor | string | "#f0ede6" | Off-white background that contrasts with thick black borders. |
| accentColor | string | "#f0e500" | Electric yellow accent for highlight tiles and badges. |
| heading | string | "UILORA" | Large display heading in the header row. |
When to Use
Use Uilora Brute for design studios, creative agencies, art exhibitions, and any brand that wants to signal raw confidence and typographic boldness. Works best when paired with high-contrast photography.
Best Practices
Stick to high-contrast images — the component applies grayscale and contrast filters. Yellow accent tiles pop best against the off-white background. Keep the heading uppercase for full brutalist effect.
Why This Component Matters
Uilora Brute helps you build premium Uilora-powered brutalist interfaces that break convention. The thick grid borders and oversized typography make an unmistakable statement about creative authority and design intent.
FAQ
QWhy no border-radius on tiles?
Brutalist design philosophy rejects softening elements. Sharp corners reinforce the raw, uncompromising aesthetic of the grid.
QCan I change the border thickness?
Yes — the border variable is set as `3px solid ${B}` inside the component. You can adjust by modifying the component or forking it.
QDoes it support dark mode?
The component uses a fixed off-white background by default. You can pass a dark backgroundColor and swap accentColor for a dark brutalist variant.
Related Components
Editorial Layout
Asymmetric fashion-inspired bento grid with sharp edges and editorial styling, branded for Uilora.
Swiss Layout
Clean Swiss design bento grid with precise typography and minimal aesthetics, branded for Uilora.
Wabi Sabi Layout
Japanese-inspired bento grid with wabi-sabi aesthetics, imperfections, and Uilora branding.
Built something cool?
Share your work with 10k+ devs — or tell us how we can improve.