A brutalist, mobile-first, black-and-white wireframing system.

Track the progress of Blockform here, from checklists to updates.

Figma files and screenshots coming soon.

🧠 Phase 0: Research & Direction

• [x] Define visual tone (brutalist, monochrome, minimal)
• [x] Gather inspiration (brutalist posters, architecture, UI)
• [x] Finalize typography stack (e.g., Bebas Neue + Inter)
• [x] Choose fallback system fonts
• [x] Collect brutalist UI examples for reference
• [x] Define art direction for poster + Figma doc layout

🧱 Phase 1: Core Primitives (Design System)

Phase 1: Core Primitives (MVP Checklist)

• [x] Typography styles (H1–H6, Body, Caption)
• [x] Color tokens (Black, White, Greyscale)
• [ ] Spacing system (4pt/8pt base grid)
• [ ] Layout containers / sections
• [ ] Divider (line/space rules)
• [ ] Buttons (Primary, Secondary, Icon-only)
• [ ] Inputs (Text field, Password, Dropdown)