Creative studio & agency HTML template · v1.0
Eight home pages for design studios, each built around a working document of the trade — a date ruler, a printer’s proof, a split-flap board, a changelog. Twenty-one inner pages. Every page in light and dark.
(01) — Home pages
Each home has its own palette and one interaction you remember it by. They share a grid, a type system and a component library, so sections move between them.
Still-in-use ruler, client swatch fan, voice note, booking calendar
Rising-sun hero, live day counter, year index, one-line brief
Compound curve drawn from your numbers, media mix, funnel, audit form
Printer’s proof sheet, contact sheet with loupe, spec tables, A–Z index
Split-flap board of client names, before/after, tone sliders, live wordmark
Live changelog, sprint Gantt, keyboard services, project estimator
A real page in a browser with 1440/768/390 toggles, score rings, packages
World clocks, periodic table of services, sparklines, chat-style contact
(02) — Inner pages
Journal, six service layouts, six portfolio layouts, a case study, team, FAQ, legal and a 404 — all on one shared shell.
(03) — Features
Built for studios that want to show their work, and for the developer who has to change it next month.
57 HTML files: each page ships in a light and a dark version, switched from the header.
Designed at 1440, 768 and 390. Tested in Chrome on iPad and iPhone: no overflow, no console errors.
Preloader, page curtain, letter-by-letter headlines, image reveals, parallax, cursor and magnetic buttons.
Rulers, clocks, charts, boards and calendars are drawn from lists in the HTML — change numbers, not drawings.
A familiar grid and components, one theme stylesheet, one source file per page.
Fonts, libraries and icons are all local. Works offline, straight from the folder.
Keyboard-friendly controls, alt text, reduced-motion support and WCAG AA contrast.
Readable HTML with comments on every editable block, scoped CSS, small page scripts.
Setup, file map, editing guide, colours, type, and every source and credit listed.
Built with
