Labs
Timed practice drills for hierarchy, spacing, and composition reps.
1.4-practice-labs
Component Swap
Replace incorrect component choices in a flawed wireframe and justify each swap.
Tools: pencil, figma
1.4-practice-labs
Dark Mode Conversion
Convert a light dashboard into dark mode using role-based mapping, not inversion.
Tools: pencil, figma
1.4-practice-labs
Hierarchy Rebuild
Rebuild a flat hero so users can identify the main message in five seconds.
Tools: excalidraw
1.4-practice-labs
Layout from Brief
Translate a product brief into a complete page composition using pattern-first decisions.
Tools: pencil
1.4-practice-labs
Spacing Audit
Audit a real screen with an 8px grid and fix three spacing violations.
Tools: excalidraw, pencil