02
StudioOda
A Nordic architecture studio. The cabin drawing draws itself, and a floor plan builds room by room as you scroll.
Schibsted Grotesk / IBM Plex Mono
Coming soon
A supply of
very good websites.
Landing-page templates, each drawn from scratch with its own brand, type pairing and signature interaction. Every one comes as plain HTML and as React.
The store opens with six, and more follow in drops. Follow along on X for the launch.
- 6 templates at launch
- HTML + React
- 0 third-party requests
The first six
Hover a preview to scroll the page
03SaaSSignal
Threat detection for teams without a SOC: a live infrastructure graph where anomalies flare red and get contained.
Familjen Grotesk / Martian Mono
11SaaSRelay
Durable workflows for AI agents. Code types itself beside a run graph that fails, retries and waits for approval.
Geist / Geist Mono
06StudioFerro Type
A type foundry whose wordmark bends toward your cursor, with a full variable-font tester and a licence picker.
Roboto Flex / Roboto Mono
10TravelMeridian
High-latitude expeditions on a generative topographic map that re-forms for each trip, with live coordinates.
Cormorant Garamond / Manrope
12BrandAurel
Barrier-repair skincare. A glassy serum drop follows the cursor, and every ingredient is listed to the percent.
Bodoni Moda / Jost
Installation
Up and running
in minutes.
No accounts, plugins or build tools. The HTML edition runs straight from the folder you download, and the React edition is a standard Next.js project.
- 01
Unzip
Download the zip after checkout and unzip it anywhere.
- 02
Open index.html
Double-click it and the site opens in your browser. Change the text in any text editor, save and refresh.
- 03
Drag it online
Drop the folder onto Netlify or Vercel, or upload it to any static host. It takes about a minute.
Edition
oda-html-1.0.0
- index.htmlDouble-click to open
- assets/CSS, scripts, fonts, images
- README.mdEditing and deploying
- DESIGN.mdColours, type, spacing
- AGENTS.mdFor your AI assistant
- LICENSE.md
oda-react-1.0.0
- content/site.tsEvery word on the page
- app/Pages, tokens, fonts
- components/Sections and effects
- README.mdEditing and deploying
- AGENTS.mdFor your AI assistant
- package.json
npm install
npm run dev
In every template
- 01
Two editions
A plain HTML site that opens straight from disk, and a Next.js + React project. Same design, same copy.
- 02
AI-ready docs
README, DESIGN and AGENTS files, so your AI coding assistant edits it the way it was built.
- 03
No third-party requests
Self-hosted fonts, no trackers, no CDNs. Nothing loads from anyone else’s server.
- 04
Accessible by default
Keyboard focus, reduced motion respected, and zero axe issues on every page.
