darkBrutalistGridDarkEditorialTechnicalModular
Grid
A dark, brutalist design system where every element lives inside one responsive auto-fill grid. Layout is the language: components earn hierarchy by spanning cells, not by chrome.
Design system preview
Concept
One grid to render them all. The entire interface is a single CSS grid built from repeat(auto-fill, minmax(112px, 1fr)). Buttons, inputs, headlines, media, and empty space are all cells. Hierarchy is expressed exclusively through column-span and row-span. Hairline 1px partitions divide the canvas; a single acid-lime signal color activates state and interaction. No floating elements, no soft shadows, no rounded corners.
Sign in to access
Create a free account or sign in to view and download this design system.
Sign in to access