DATUM Studio

A spec-sheet system for studios

DATUM is a template for studios and agencies that treat a website like a drawing, not a brochure. Every section is a sheet. Part numbers, dimension lines, revision chips, a scale rail that tracks your position down the page, and a bill of materials that fills line by line as you scroll. The concept is not decoration: it is how the pages are organised. WHAT'S INSIDE 7 pages — Home, Work index, Work detail (CMS), Studio, Contact, 404, Style guide 12 sections on the home page, each usable on its own 4 breakpoints — 4K, 2K, desktop, tablet, phone Dark and light, both designed, not inverted CMS collection for project records, with a detail page template Working enquiry form A style guide page that documents the system, so it stays consistent after you edit it THE MOVING PARTS A pinned plate sequence — six sheets that stack their tabs as you pass them A survey line that draws itself through the build log, station by station A bill of materials whose fill line ticks each box as it passes A proximity field on the client marks A figures timeline you can scrub by year A sticky footer reveal — the page slides up off it BUILT TO EDIT Layout and content live on the Framer canvas. Code components are used only where canvas cannot do the job, and every one of them exposes property controls, so you change colour, timing and content in the panel like any other layer. MEASURED, NOT CLAIMED 1.36 MB page weight Reduced motion honoured throughout 100% alt coverage No horizontal overflow at 390, 810 or 1440, in either theme

A spec-sheet system for studios