DTM — BUILD LOG
000

0

1

2

3

4

5

6

7

8

9

10

11

12

START A PROJECT

01 — COVER

DESCRIPTION

A studio for design and engineering systems. Every project is specified, dimensioned and toleranced before it ships.

DESIGN + ENGINEERING SYSTEMS

EST. 2019

DATUM

SCALE 1:1 — SHEET 01 OF 06

LOCATION / TIME

LONDON

/

12:27:41

SCROLL

PART NO.

DTM-2026-A

REVISION

1.0.0

STATUS

IN SERVICE

02 — SELECTED CLIENTS

12 OF 40

Halcyon Instruments

BRAND SYSTEM · 2026

Northbank Refinery

IDENTITY · 2025

Ferrous

DESIGN SYSTEM · 2025

Kiln Works

SITE + EDITORIAL · 2024

Atlas Freight

BRAND + INTERFACE · 2024

Voltaic

DESIGN SYSTEM · 2026

Meridian Tooling

SPECIFICATION · 2024

Selkie

INTERFACE · 2023

Orford & Vale

IDENTITY · 2023

Pilcrow Press

EDITORIAL · 2023

Cobalt Yard

WAYFINDING · 2022

Ashgrove Labs

DOCUMENTATION · 2022

Selected work

03 — SELECTED WORK

06 RECORDS / 2024–2026

04 — DRAWING KEY / HOW TO READ A SHEET

NOTATION

Concrete building facade photographed square-on in flat daylight

DRAWING KEY — SHEET NOTATION

APPLIES TO ALL SIX PLATES FOLLOWING

Concrete building facade photographed square-on in flat daylight

DRAWING KEY — SHEET NOTATION

APPLIES TO ALL SIX PLATES FOLLOWING

1440.00 × 620.00 PX — NOTATION KEY

05 — PLATES

PINNED SEQUENCE / 06 SHEETS

01 / 06
Deep red painted wall meeting a concrete edge

A.01

Halcyon Instruments

Brand system + site

2026

Blue and orange facade panels in bright sun

A.02

Northbank Refinery

Identity + wayfinding

2025

Product still life on a bold coloured ground

A.03

Ferrous

Product design system

2025

Magenta-lit interior corridor

A.04

Kiln Works

Site + editorial

2024

Yellow industrial machinery detail

A.05

Atlas Freight

Brand + interface

2024

Building facade under a teal and pink sky

A.06

Voltaic

Design system + docs

2026

06 — CAPABILITIES

TAP TO EXPAND

01

Brand systems

Marks, type systems, colour and the written rules that keep them intact once we hand them over.

02

Interface design

Product and marketing interfaces, specified down to state, spacing and motion before a line is written.

03

Design engineering

We build what we draw. Component libraries, design tokens and front-end that matches the drawing.

04

Documentation

The part everyone skips. Specimen sheets, usage rules and a build log your team can actually follow.

07 — BUILD LOG

TYPICAL ENGAGEMENT / 8 WEEKS

v0.1.0

WEEK 01

Survey

We read the business before we draw. Audit, stakeholder interviews, and a written brief you sign off.

SHIPPED

v0.4.0

WEEK 02–03

Specification

Sitemap, wireframes and the spec sheet. Every state is named before anything is styled.

SHIPPED

v0.8.0

WEEK 04–07

Fabrication

Design and build run together. You watch it happen on a staging URL from the first week.

IN PROGRESS

v1.0.0

WEEK 08

Handover

Tokens, components, documentation and a recorded walkthrough. Then we get out of the way.

QUEUED

08 — FIGURES

MEASURED, NOT ESTIMATED

40
CLIENTS SINCE 2019
06
PEOPLE
98
LIGHTHOUSE MEDIAN
12
COUNTRIES SERVED
40
CLIENTS SINCE 2019
06
PEOPLE
98
LIGHTHOUSE MEDIAN
12
COUNTRIES SERVED
40
CLIENTS SINCE 2019
06
PEOPLE
98
LIGHTHOUSE MEDIAN
12
COUNTRIES SERVED

09 — FIELD REPORTS

03 SHOWN / 06 FILED

R.01

LOGGED 2026-03-11

AGAINST A.01

“They specified the whole thing before drawing a pixel, which sounds slow and turned out to be the fastest project we have run.”

Elena Voss

ELENA VOSS / HEAD OF PRODUCT, HALCYON

NO DEFECTS FOUND

INSPECTED 2026-03-11

R.02

LOGGED 2026-01-27

AGAINST A.02

“The documentation alone paid for the engagement. Two years on, our team is still building inside the system they left us.”

Marcus Dell

MARCUS DELL / FOUNDER, NORTHBANK

PASSED — IN SERVICE

INSPECTED 2026-01-27

R.03

LOGGED 2025-08-14

AGAINST A.03

“We have worked with studios that draw beautifully. This is the first one whose handover our engineers did not quietly rewrite.”

Priya Raman

PRIYA RAMAN / VP ENGINEERING, FERROUS

APPROVED FOR ISSUE

INSPECTED 2025-08-14

10 — DELIVERABLES

WHAT SHIPS WITH EVERY ENGAGEMENT

ITEM

DESCRIPTION

FORMAT

QTY

01

SPECIFICATION

A written document covering every state, token and edge case. Signed off before design starts.

PDF · Notion

1

02

DESIGN FILES

Source files, organised and named, with the component library intact rather than flattened.

Figma

1

03

DESIGN TOKENS

Colour, type and spacing as tokens, exported in the format your stack consumes.

JSON · CSS · Swift

3

04

COMPONENT LIBRARY

Built components with documented props and states, not screenshots of them.

Figma · Code

48

05

BUILD

Front-end that matches the drawing, or a clean handover to the team who will build it.

React · Framer

1

06

SPECIMEN SHEET

A living style guide page, like the one on this site, kept in the project.

URL

1

07

BUILD LOG

Dated record of every decision and why it was made. Useful eighteen months later.

Markdown

1

08

WALKTHROUGH

A recorded handover so the knowledge does not leave when the engagement ends.

MP4

2

TOTAL

TOTAL

08 LINE ITEMS

08 LINE ITEMS

12 FORMATS

12 FORMATS

58

ENGAGEMENT

INDICATIVE RATES — 2026

R.01

R.01

Sprint

Sprint

Two weeks, fixed scope

from £6,000

R.02

R.02

Project

Project

Six to twelve weeks

from £24,000

R.03

R.03

Retainer

Retainer

Ongoing, monthly

from £8,000 / mo

R.04

R.04

Advisory

Advisory

Half-day sessions

from £1,200

Rates are indicative. Every engagement is scoped and quoted from the specification.

11 — THE STUDIO

LONDON / REMOTE

Two designers working over drawings at a drafting table

We draw it before we build it, and we write down why.

Six people in London working for studios, product teams and the occasional stubborn founder. We take on four engagements a year so each one gets specified properly rather than assembled from whatever shipped last time.

Ciprian Titire

FOUNDER / PRINCIPAL

12 — ENQUIRY

02 SLOTS / Q4 2026

Tell us what you are building and we will send back a specification, not a pitch deck.

we REPLY WITHIN 2 WORKING DAYS

WE REPLY WITHIN 2 WORKING DAYS

NEXT STEP

Start a project

STUDIO

DATUM®

London, UK

Established 2019

CONTACT

CONTACT

studio@datum.example

studio@datum.example

+44 20 7946 0102

+44 20 7946 0102

Instagram / LinkedIn

Instagram / LinkedIn

SPECIFICATION

PAGE WEIGHT

1.34 MB

REDUCED MOTION

HONOURED

ALT COVERAGE

100%

LIGHTHOUSE A11Y

100 / 100

SPECIFICATION

PAGE WEIGHT

1.34 MB

REDUCED MOTION

HONOURED

ALT COVERAGE

100%

LIGHTHOUSE A11Y

100 / 100

DATUM

DATUM

DRAWN BY

DRAWN BY

Ciprian Titire

C. TITIRE / 2026-08-10

C. TITIRE / 2026-08-10

CHECKED BY

CHECKED BY

Ada Wren

A. WREN / 2026-08-10

A. WREN / 2026-08-10

APPROVED

APPROVED

Datum

REV 1.0.0 / ISSUED

REV 1.0.0 / ISSUED

© 2026 DATUM® — ALL SHEETS

DTM-2026-A / REV 1.0.0

Create a free website with Framer, the website builder loved by startups, designers and agencies.