Design System · Foundations · 2026
Lapmeta — Foundations, Measured
A 4px-scaled foundation for a full product suite — spacing, grids, and documentation people actually read.
Femto15
Design systems designer — foundations, tokens, documentation, hand-off.
A published V1.0 system covering a 16-step spacing scale (4px → 192px), four responsive grid presets (small, medium, large, fluid), and living documentation pages that annotate every rule with visual proof.
The short version
Lapmeta is the design system powering Femto15's product line. I shaped the foundations — spacing scale, grid system, and the documentation surface that ties them together — so every screen across the suite pulls from the same rhythm, and engineering can implement designs without guesswork.
What was broken
Product teams were shipping visually similar screens with quietly inconsistent spacing and grids. Every new module re-invented margins and gutters, and the hand-off doc was a static PDF nobody opened. The system needed a single source of truth that designers and engineers could both work from — one that showed the rule and the reason for it on the same page.
Step by step
Audited every live screen and clustered the spacing values in use — collapsed them into a 4px-based scale of sixteen steps.
The work itself
