MTRC brand assets

Everything currently canonical across the family: logo lockups, icon tiles, the palette, and the type scale. One source of truth, the @mtrcio/brand package.

Logos

MTRC.io — parent lockupSVG

MTRC.studio — services lockupSVG

MTRC.agency — agency operations lockupSVG

MTRC.builder — builder lockupSVG

MTRC.event — events lockupSVG

MTRC.brand — product lockupSVG

MTRC.tech — technology advisory lockupSVG

Lockup · exact geometry (Figma canon · L18/R22)

Wordmark 198.44 × 53.59 · Dot 11.88² at baseline · Suffix Buch, outlined

Compact · M.io

For spaces too narrow for the wordmarkSVG

Reading mark · 1.0 / 0.68 / 0.9 + square

.ioSVG

.studioSVG

.agencySVG

.builderSVG

.eventSVG

.brandSVG

.techSVG

The square takes the entity signal · The mark always sits on a baseline

Icon tile · radius 21.875%

orange (.io)SVG

teal (.studio)SVG

azure (.agency)SVG

cyan (.builder)SVG

green (.event)SVG

magenta (.brand)SVG

violet (.tech)SVG

Color

Neutrals

paper#FBFBFA — The ground

surface#FFFFFF — Cards and raised surfaces

surface-2#ECEEF0 — Secondary fills

ink#111111 — Text, bars, dark surfaces

ink-muted#6B7075 — Secondary text and spec lines (Figma gray)

ink-subtle#777C82 — Tertiary text, captions

hairline#D9DCDF — Card edges and rules on the page

hairline-soft#ECEEF0 — Rules inside a card: table rows, dividers

Signal colors — one entity each, exclusive

signal-orange · MTRC.io#FF4F00 — white 3.30:1 · locked

signal-teal · MTRC.studio#0D9488 — white 3.74:1 · locked

signal-azure · MTRC.agency#1E6FEB — white 4.64:1 · assigned

signal-violet · MTRC.tech#7C3AED — white 5.70:1 · assigned

signal-green · MTRC.event#16A34A — white 3.30:1 · provisional

signal-magenta · MTRC.brand#DB2777 — white 4.60:1 · assigned

signal-cyan · MTRC.builder#0E9FB5 — white 3.16:1 · provisional

signal-amber · Reserve#F59E0B — white 2.15:1 · ink text, never white

Inverse

inverse-canvas#0B0B0A — Dark ground

inverse-ink#FFFFFF — Text on dark

inverse-ink-muted#9CA0A6 — Secondary text on dark

Type

Söhne (Klim) — Buch 400 and Halbfett 600, self-hosted. Inter is the fallback face. No decorative mono-caps eyebrow labels; headings go straight into the statement.

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

Söhne Halbfett · wordmarks + display (outlined in logos) · Söhne Buch · suffixes + UI body
Editorial serif · Newsreader interim · Signifier (Klim) when licensed
Readouts · IBM Plex Mono interim · Söhne Mono when licensed

text-monumental · Söhne 600 · 64–176pxMTRC.io

text-display-xl · Söhne 600 · 44–72pxMeasurement-led companies.

text-display-lg · Söhne 600 · 36–56pxMeasurement-led companies.

text-display-md · Söhne 600 · 28–36pxDigital work that earns its keep.

text-headline · Söhne 600 · 28pxEvery channel, one monthly read.

text-card-title · Söhne 600 · 22pxAttribution report

text-editorial-lg · Newsreader 400 · 34pxEditorial runs in a serif: measured claims, written evidence, and the occasional long read.

text-body-lg · Söhne 400 · 20pxMTRC is a family of measurement-led product and service companies.

text-body · Söhne 400 · 16pxMarketing you can hold to a tolerance. Every channel, one monthly read. No vanity metrics.

text-body-sm · Söhne 400 · 14pxEvery channel, one monthly read. No vanity metrics.

text-caption · Söhne 400 · 12pxNo vanity metrics.

text-button · Söhne 500 · 15pxStart a conversation

text-label · IBM Plex Mono 500 · 13px capsLockup · exact geometry

text-readout · IBM Plex Mono 400 · 15px4,280 UNITS · NET 30 · 3.74:1

text-readout-lg · IBM Plex Mono 400 · 36px3.74:1