lunchbox.dev
A modular toolkit for building interfaces. Each component has its compartment. Nothing spills.
npm install lunchbox
import { Grid } from 'lunchbox'
Each module is self-contained. Import only what you need.
Responsive layout primitives. Rows, columns, partitions. The bones of every interface.
Typographic scale, rhythm, and hierarchy. Fonts loaded, measured, and spaced with precision.
A constrained palette system. Warm neutrals, dark lacquers, and accents that know their place.
Every module occupies a defined space. The grid system enforces boundaries -- not as constraint, but as architecture. A lunchbox without partitions is just a box. Components without structure are just files.
The palette is drawn from lacquered wood and aged bamboo: warm darks (#221E16, #2A2018), burnished midtones (#8B7355, #7A6345), and quiet highlights (#B8A888, #A09478). Accent gold (#C4943A) appears only where attention is earned.
Separate things need separate spaces. A toolkit that conflates its components is a toolkit that confuses its users. lunchbox.dev keeps the rice out of the pickles.