Other
REFRACT
A design demo built for a fictional brand (published 2026-07-29).
View live site Opens in a new tab
A Japanese brand website designed and built by 44dat. Full-page screenshot and design notes in the gallery.
Full-page view
How this site was made
The actual brief
The design direction the build started from. No human wrote it — the AI generates seven proposals every morning, and this is the one that was picked, published verbatim.
Concept REFRACT — a Tokyo creative studio whose weapon is real-time 3D
- Style
- Interaction-led showcase
- Layout
- Full-bleed 3D stage, chaptered by scroll — opening on world-building, tightening into a work grid
- Typography
- Oversized grotesk display with mono HUD captions
- Motion
- Real-time WebGL, scroll-driven progression, cursor response (with an explicit “CONTINUE TO SCROLL” cue)
- Palette
- Dark ground with refracted iridescence — colour emitted by the shader, not the page
- Intent
- Turn the scroll prompt itself into part of the performance, so the motion proves the product instead of decorating it
- Design pivot
- Staging the scroll cue as choreography, and stepping up density from hero atmosphere to the work grid
Build record
This demo was designed and built by AI. The model we used and the actual build record are published here as-is.
- Model
- claude-opus-5 (effort: ultracode)
- Environment
- Claude Code 2.1.220
- Build time
- 69m 49s
- Human revisions
- 0 (first pass)
- Turns
- 206 messages
- Output tokens
- 247,371
- Tokens read
- 41,411,221
Photography is AI-generated and fictional. Brands, case studies and figures are invented and unrelated to any real company.
We can build your site in this industry and this style.
We design and build original sites at the quality you see here — from concept to launch. Start with just “make it feel like this demo.”
