I
Real-time WebGL
Three.js scenes composed like cinematography — rim lighting, distortion fields, environment maps. Built to render at 120fps on a phone you already own.
Issue N°01 · The Formulary· MMXXVI
The world's most comprehensive index of advanced & edge Lovable uses (hate the word) & briefs.
Here you go,
losers ;)
Software that looks expensive. One visual layer, one working function — sixty-four briefs and twelve running demos.
The point at which a website stops being decoration and starts being software. Built loud. Composed quiet.
64Formulas
12Live demos
06Chapters
↳ Scroll · or jump anywhere
48.8566° N · 2.3522° E
WebGL · Live
Cinematic ✦Editorial ✦Three-Dimensional ✦Apothecary ✦Composed ✦Quietly Loud ✦Inevitable ✦Cinematic ✦Editorial ✦Three-Dimensional ✦Apothecary ✦Composed ✦Quietly Loud ✦Inevitable ✦Cinematic ✦Editorial ✦Three-Dimensional ✦Apothecary ✦Composed ✦Quietly Loud ✦Inevitable ✦
§ 01
Manifesto
Manifesto
A pretty scroll page is nice. A pretty scroll page with a working audit, quiz, calculator, report generator, portal, or AI workflow inside it — that is the leverage. We build the second one.
↳ See twelve working examples§ 02
The Chapters
The Chapters
Sixty-four formulas, six chapters.
Ch. I · Cinematic & Visual
Pages that behave like films.
Scroll becomes camera. Section becomes scene. Built for brands that would rather be remembered than ranked.
↳ 12 formulas
Ch. II · Product & SaaS
Mini software, dressed as a website.
A landing page is a brochure. A landing page with a working tool inside it is leverage.
↳ 15 formulas
Ch. III · Content & Media
Editorial that earns its column inches.
Articles, podcasts, and case studies rebuilt as visual research assets — designed to be cited, not skimmed.
↳ 9 formulas
Ch. IV · AI & Agents
Interfaces for the model layer.
Agents need rooms to work in. We design the rooms — visible, scoped, and usable by humans and machines alike.
↳ 13 formulas
Ch. V · Data & Dashboards
Numbers, choreographed.
Dashboards designed by an art director — heatmaps, scorecards, and trends with the gravity of a magazine spread.
↳ 8 formulas
Ch. VI · Commerce & Conversion
Selling, without the begging.
Replace the contact form with an experience worth completing. Pre-sell the offer through the act of using it.
↳ 7 formulas
§ 03
Pillars
Pillars
Four disciplines, obsessively rehearsed.
II
Editorial Typography
Variable serifs paired with monospace metadata. Spreads designed at the typographer's bench, then translated to the browser without compromise.
III
Choreographed Motion
Every transition eased on a custom curve. We don't animate components. We choreograph attention — slowly, deliberately, with respect for silence.
IV
Mini-Software, Not Pages
Quizzes, calculators, audits, AI workflows, portals, dashboards. The page does the selling by being useful before the call.