Book + Lab for product design — color, type, and layout. Learn the craft, experiment in domains, ship systems you can explain.
Live perception
Live field → contrast → ink
Angle on the perceptual wheel
Perceived brightness - not RGB value
Colorfulness without distorting lightness
Same conversion path as Lab & Converter. Drag L past ~55% and ink flips when the other polarity wins WCAG against the sampled field.
Perception
A quiet band around your chosen hue - chroma rising as lightness holds. Same space Lab and Studio use.
Domains
Token preview
--primary
oklch(62% 0.18 250)
--accent
oklch(78% 0.14 145)
--muted
oklch(35% 0.02 260)
Studio
Studio is the decision desk — preview tokens on live UI after you lock color, type, and layout choices in the labs.
Precision control
Ramp lightness, shape chroma, lock hue - export CSS variables when you’re ready.
Preview before you ship
Dashboards, auth, chat - see tokens on real surfaces, not isolated swatches.
Systems, not one-offs
Keep scales consistent across products without hand-tuning every step.
Learn
Collective reading and experimenting — not one video, then forget.
Course companion — Book + Lab
It started as an OKLCH color toolkit (Lumea) because production tools lagged behind perceptual color. It is growing into the private lab for a Product Design course: decisions with science, not a pile of disconnected gadgets.
Built for people who want to understand design at its core — then streamline with AI once the craft is theirs.
Things might be inaccurate sometimes. Feedback shapes what this becomes — anjilbis12@gmail.com.
Open a domain. Decide with science. Ship systems you can teach.