/ Brand DNA

Built like the work.

The Myter visual system. Honest, functional, a bit of grit — like a properly run site. Everything below is a live token from the codebase.

01 / Logo

The mark.

Primary lockup — ink on concrete

Reversed — concrete on ink

On accent — for high-visibility surfaces

App icon / favicon mark

The mark riffs on the original Myter Construction logo: a clean roofline with a single chimney, anchored by a full-width baseline bar. It stays strictly black-and-white (or inverted) to read clearly on any backdrop and at any size — site board to vehicle livery.

02 / Colour

Concrete, ink, amber.

Cream

Background

--concrete

oklch(0.975 0.008 85)

Warm Ink

Foreground / Primary

--ink

oklch(0.22 0.006 60)

Clay

Accent

--amber-accent

oklch(0.62 0.13 40)

Stone

Muted Text

--steel

oklch(0.55 0.012 60)

Card

Surfaces

--card

oklch(0.99 0.004 85)

Border

Dividers

--border

oklch(0.9 0.012 75)

A warm cream ground and a soft, warm ink — Cotswold stone in print. Clay accent appears sparingly: one action, one rule, one mark at a time.

03 / Typography

Block & body.

Display — Archivo Black

Aa Bb 01

Heavy, geometric, all-caps. Used for headlines, buttons and signage. Always tight tracking (-0.02em) and tight leading.

H1 96px

H2 64px

H3 48px

H4 32px

Body — Inter

Aa Bb 01

The quick brown fox jumps over the lazy dog. Honest body type for paragraphs, lists and forms. 400 / 500 / 600 / 700 weights in rotation.

Large 18 / 600

Body 16 / 400

Small 14 / 400 muted

Mono 12 — JetBrains Mono

04 / Motifs

The site language.

Clay rule

A single warm clay gradient bar — used as section dividers and footer rule.

Blueprint grid

80px vertical rule pattern for hero backgrounds — a nod to architectural drawings.

/ 01 → 09

Numbered indices

Monospaced two-digit numerals and a slash eyebrow tag for sections.

05 / Components

In use.

Buttons

Tag / Badge

ExtensionLoftRefurb

06 / Voice

How we sound.

Direct

Short sentences. Trade-floor honest. No filler.

Confident

We've done this before. We don't oversell it.

Local

Plain English. Oxfordshire over corporate.