DATUM Studio

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