The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Stratum Architecture — Studio Website with Generative 3D Models
An architecture studio concept where the 3D work isn't decorative — it's functional. Each project is assigned a numeric seed that deterministically generates a unique building "massing" model (varying floor count, footprint, and material), which animates apart into an exploded axonometric view on load — a literal visual expression of the studio's name, Stratum (layers).
The site is grounded in real architectural practice rather than invented marketing language: drawing-plate reference tags (DWG. 01–06) and a six-phase process section that mirrors actual design phases (Site Analysis → Concept → Design Development → Documentation → Construction → Completion).
What's included:
Homepage, project index + 6 case studies (each with its own generated 3D model), services/practice page, team page, blog (4 posts)
Project-brief intake form
21 fully responsive, statically generated routes
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
🔥 🔥
🚀 Oda — an architecture studio template for Framer, with agent skills
Oda is a website template for architecture and interiors studios, laid out like a drawing set: graphite lines on warm paper, title blocks, sheet numbers and line drawings that draw themselves.
The Framer edition comes with five skills for Framer's agent, so you can make the site yours in plain language:
👉 /oda-rebrand — "Rebrand this for our studio in Porto." Studio name, city, the sun study's location and time zone, colours (contrast-checked), fonts and copy, in the right order.
👉 /oda-content — "Add three projects." CMS items with every field filled, ASCII slugs, sheets kept in order.
👉 /oda-code-components — "Make the cabin draw twice as fast." Properties first, code only when a property can't do it.
👉 /oda-design-system — new pages and sections use the Oda styles, grid and section numbering.
👉 /oda-before-publish — the checklist the template was built to pass, on every page at Desktop, Tablet and Phone.
What's in the template:
· A timber cabin that draws itself, with a sun study you can drag. The shadow uses real solar maths for your city.
· Project sheets on a sideways track, and a floor plan that builds as you scroll.
· Materials with drawn textures, a team section, awards and a contact form with a sketch pad.
· Responsive down to 390 px, WCAG AA contrast, reduced-motion support.
Framer edition $59. Also available in plain HTML and React.
https://no-code.supply/templates/oda/
Nice temple and nice animations congratulations Lauri good job🎉🎉🎉
For me personally, an intro/loading screen is a must for every website I make.
Same with a subtle blur when opening a modal. Just blur, no dark overlay. It makes the site feel more premium imo.
Wdyt? What's your favorite detail on your own sites?
Top-notch design.