Lumen
A web component library where every primitive is a blob. Buttons morph, cards float, dividers bend like ribbon.
01 — studio
Blobitecture, rendered for the browser.
Every surface here is curved. Every shadow diffuses. We build the web the way Zaha imagined buildings — soft, translucent, overlapping. p9r is the studio behind the studio: a place to prototype glossy, organic interfaces that feel less like documents and more like inhabited rooms.
- CSS-only morphing geometry
- Translucent overlapping forms
- Light that bends around things
02 — atmosphere
Frutiger Aero, but from the future.
We borrow the optimism of mid-2000s glossy tech and pour it into modern type, mesh gradients, and breathing color. The result is a surface that feels weightless — pastel mist, soft mint, peach glow drifting just out of reach.
Mint Aero#a8edea
Rose Soft#fed6e3
Peach Glow#feebc8
Leaf Mint#c6f6d5
03 — objects
Three drifting things we are making.
Drift
An animation engine for organic motion — keyframes interpolated along S-curves, never along straight lines.
Pastelpaper
A gradient mesh generator. Type in a mood, get a layered atmosphere of soft spots ready to drop into any layout.
04 — manifesto
No hard edges. No sharp corners. No dark rooms.
The web has spent two decades flattening itself into rectangles. p9r.xyz is a small protest in the opposite direction. We believe the screen can be a surface that breathes. That a button can be a pebble. That a column can drift.
i.
Treat the viewport like a sky, not a page.
ii.
Let elements float, never fix them in place.
iii.
Choose curves. Always choose curves.
05 — orbit
Currently in flight.
- 26.04 · this week Released Pastelpaper v0.3 — now with atmospheric noise.
- 26.03 · last month Drift entered alpha. Twelve studios are testing curved scroll trails.
- 26.02 · earlier Lumen documentation launched as a single morphing scroll.
- 26.01 · the start p9r.xyz opened as a creative dimension.