Blocks

Blocks is a modular, grid-first system where the interface reads as a set of interlocking geometric panels snapped onto a strict layout. Every region is a deliberate rectangle of solid color, divided by crisp black rules, with zero rounding and zero blur. The feeling is confident, structured, and energetic, like a precision toy construction set rendered in software. Reach for Blocks when content is dense and varied and you want the layout itself to do the organizing work.

Design principles

• The grid is sacred: every element snaps to a 12-column structure with consistent gutters and no orphaned spacing.
• Color blocks define regions; backgrounds carry meaning rather than decoration.
• Square corners everywhere (0px radius) and hard 2px rules instead of shadows.
• High contrast and saturation create clear visual hierarchy through color weight.
• Modules are self-contained and interchangeable, like physical bricks that can be rearranged.
• Type is condensed and structural, reinforcing the architectural feel.