Blockhaus

DESIGN.md

# Blockhaus — Design Guide

Blockhaus combines streetwear scale with storefront clarity. Condensed display type makes bold statements, while monospace details give product information a functional edge.

## Typography

Big Shoulders provides the oversized uppercase hierarchy. IBM Plex Mono carries the denser shopping, navigation, and label information.

| Element | Font | Desktop | Tablet | Phone |
| --- | --- | --- | --- | --- |
| Page heading | Big Shoulders | `64px`, weight `700`, line-height `1.2`, tracking `0em` | `64px` | `56px` |
| Section heading | Big Shoulders | `48px`, weight `700`, line-height `1.2`, tracking `0em` | `48px` | `32px` |
| Small section heading | Big Shoulders | `32px`, weight `700`, line-height `1.2`, tracking `0em` | `32px` | `28px` |

Unlock the design guide

DESIGN.md is included while an eligible library subscription is active.

About

Blockhaus combines streetwear scale with storefront clarity. Condensed display type makes bold statements, while monospace details give product information a functional edge.