Brand Guidelines

Work Services Back to site →

06 · Typography

Butler, Inter, JetBrains Mono.

Three typefaces, used in three roles. Display sets the editorial tone; sans carries the workload; mono labels the system.

06.1

Typefaces

Display

Butler

Designer: Fabian De Smet
License: Free for personal & commercial use.
Axes: Light · Regular · Medium · Bold + matching Stencil.

Used for hero, section heads, and italic editorial highlights. Stencil variant reserved for chapter openers and the rare editorial moment.

Ag

Character set

Uppercase: ABCDEFGHIJKLMNOPQRSTUVWXYZ
Lowercase: abcdefghijklmnopqrstuvwxyz
Numerals: 0123456789
Punctuation: . , ; : ! ? ' " ( ) [ ] { } & — – / @ # $ % * + =

Sans

Inter

Designer: Rasmus Andersson
License: OFL.
Axes: Regular · Medium · Semibold · Bold.

Primary workhorse for body, lede, UI labels, and CTAs.

Ag

Character set

Uppercase: ABCDEFGHIJKLMNOPQRSTUVWXYZ
Lowercase: abcdefghijklmnopqrstuvwxyz
Numerals: 0123456789
Punctuation: . , ; : ! ? ' " ( ) [ ] { } & — – / @ # $ % * + =

Mono

JetBrains Mono

Designer: JetBrains
License: OFL.
Axes: Regular · Medium · Bold.

Eyebrows, serial numbers, hex values, and any system-coded label. Tabular figures only.

Ag

Character set

Uppercase: ABCDEFGHIJKLMNOPQRSTUVWXYZ
Lowercase: abcdefghijklmnopqrstuvwxyz
Numerals: 0123456789
Punctuation: . , ; : ! ? ' " ( ) [ ] { } & — – / @ # $ % * + =

06.2

Scale

Headings

H1 — hero · clamp(48px, 6vw, 64px) · Regular
A studio for AI-forward product teams.
H2 — section · clamp(32px, 4vw, 44px) · Regular
Selected work, in chronological order.
H3 — subsection · 22px · Regular
Strategy, design, and engineering.
Display italic · clamp(28px, 3.4vw, 40px) · Regular
and partnership inquiries

Body & system

Lede · 18px · Regular
Product leadership, design, and AI orchestration for startups and growth-stage teams.
Body · 15px · Regular
Syntheus is a small studio in Quincy, Massachusetts. We work with product teams in tight cycles.
Body — small · 13px · Regular
Footnote, caption, and supporting text. Use sparingly to avoid setting up typographic noise.
Mono · eyebrow · 12px · Medium
(02) — SELECTED WORK
Mono · serial · 11px · Medium
EDITION 2026.05

06.3

Weights

Display Light · 300The quick brown fox jumps over the lazy dog.
Display Regular · 400The quick brown fox jumps over the lazy dog.
Display Medium · 500The quick brown fox jumps over the lazy dog.
Sans Regular · 400The quick brown fox jumps over the lazy dog.
Sans Medium · 500The quick brown fox jumps over the lazy dog.
Sans Semibold · 600The quick brown fox jumps over the lazy dog.
Mono Medium · 500The quick brown fox jumps over the lazy dog.

06.4

Usage

Do

Reserve display type for hero, section heads, and italic editorial highlights.
Use sans (Inter) for everything that has to be read more than once.
Use mono only for system labels — eyebrows, serials, hex values, code.
Hold long body copy under 70 characters per line.
Pair display with mono (eyebrow) — never display with display.

Don't

Don't use display under 22px. It loses crispness and starts to read decorative.
Don't bold the display face for emphasis — italic is the editorial emphasis.
Don't mix Inter and Butler in the same line of body copy.
Don't use mono for body. Mono is a label face.
Don't justify body text. We set ragged-right.