Scroll pilots the camera down through the roof of a toy-scale logistics depot and into its warehouse floor, then pulls back out onto a single truck — after which the world quietly switches off and the rest of the page reverts to a completely ordinary corporate scroll.
Toy-box confidence — a miniature, sunlit depot rendered like a museum diorama, playful enough to invite a scroll but still reads as a serious European logistics operator once the truck lands and the copy takes over.
Colors
Postbox red (brand) against warm grey concrete and white; the only non-brand accent is a scattering of mint/teal low-poly trees. Trucks, racking and forklifts all stay red, white or grey so the brand color reads instantly from altitude.
Type
A plain grotesk sans throughout, no display face. Headline and body copy sit inside a solid white card, CTAs are red pills carrying small icon glyphs, and the nav row uses compact sentence-case labels rather than tracked caps.
Layout
A full-bleed isometric 3D canvas fills the top of the viewport with a floating white card pinned bottom-left and a slim nav bar pinned to the top edge. Past the third beat the 3D canvas disappears entirely and the page becomes ordinary stacked sections — two-column headline and copy, then a service icon grid.
Motion
Scroll drives a continuous camera move for exactly three beats, then hands off to normal scroll. Beat one is a wide aerial view of the depot; scroll descends the camera through the roofline into the warehouse interior while the headline card holds its position unchanged; scroll then pulls the camera back out along a visible curved flight-path line and arrives on a single truck rendered large. At that point the 3D disengages — the truck becomes a flat hero image and the rest of the page scrolls with no camera at all.
Texture
Soft studio-toy rendering — matte plastic vehicles and buildings, gentle ambient occlusion, small contact shadows, low-poly faceted trees. Tiny human figures scattered at depot scale sell the miniature illusion; the curved thin lines connecting beats read like a flight-path diagram rather than a rendered object.
Imagery
Lock the camera path with one concept still per beat — aerial exterior, warehouse interior, truck hero — sharing one isometric lens, palette and lighting rig, generated with kie-ai or nanobanana. Build the diorama and camera dolly in three.js / React Three Fiber; the flat sections past beat three are ordinary HTML/CSS, not WebGL.
Don't
Don't keep the 3D world running past the truck arrival — the whole point of this build is that the diorama is a hook for exactly three beats, then it steps aside for a cheap, ordinary corporate page. Building six beats of live 3D story here is the over-build mistake; so is dropping the tiny figures and trees that sell the toy-scale illusion.
Make it your own
Turn this reference into a useful brief for your project. Copy it into the AI tool you already use.
Add constraintsPreview & edit promptAssembled in your browser. No API key or AI request needed. Changing the fields refreshes the preview.
