Demo breakdown / AI bookkeeping software

Illustrated SaaS Landing Page With Three.js Dioramas Under a 1 MB Budget

A concept bookkeeping product site where each painted band holds a small three.js diorama, built within a 3D budget of 1 MB.

Open the live concept demo: Fernledger. The brand and every record are made up; the engineering is real.

Measured on mobile

Lighthouse performance
96
Largest Contentful Paint
2.8 s
Cumulative Layout Shift
0.000
Total Blocking Time
7 ms
Initial transfer
0.32 MB
Full scroll transfer
1.17 MB
3D and media payload
0.84 MB of 3D against a 1 MB budget

From the demo's own site-check file, run 23 to 24 October 2026.

A diorama per band

Each painted band of the page carries a small three.js scene, scripted in Blender (the jetty, for one) and exported once.

Budgeted motion

The 3D budget is 1 MB and the build measured 0.84 MB. Scroll uses Lenis; there is no GSAP.

All twelve concept demos · Engineering notes