RelayCTX · Brand

Type System, version 3.3.

Four typefaces. Each with a distinct role. This specimen documents every size, weight, and pairing in the v3.3 system — and frames the final display-font decision.

01 · Font Overview
Cormorant Garamond Display
Context transfer.
For the way you work with AI.

Weight samples

300 italic — The session is loaded. 400 italic — The session is loaded. 500 italic — The session is loaded. 300 upright — The session is loaded. 400 upright — The session is loaded.
300i ✦ primary 400i 500i 300 upright 400 upright
Outfit Body / UI
Sign in to RelayCTX
Relay moves your context across sessions, tools, and teammates.
Label text Nav item

Weight samples

300 — Shared with your team. 400 — Shared with your team. 500 — Shared with your team. 600 — Shared with your team. 700 — Shared with your team.
300 400 500 600 700
Syne Wordmark only
RelayCTX

Wordmark only

Syne is reserved exclusively for the RelayCTX wordmark. It appears at no other size, role, or context in the product or marketing.

600 ✦ only weight −0.02em tracking
JetBrains Mono Codes / Meta
QNHC2C
EYEBROW · 10PX METADATA RELAY CODE INLINE 2026-06-03T14:32:01Z · session/a8f3

Weight samples

400 — a8f3c1d · relay_session 500 — a8f3c1d · relay_session 600 — QNHC2C
400 500 600 ✦ codes
02 · Type Scale
Context transfer.
Display hero
Cormorant italic clamp(40–72px) 300 −0.01em
For the way you work with AI.
Display section
Cormorant italic clamp(28–48px) 300 −0.01em
Session loaded
H1 UI
Outfit 28px 700 −0.02em
Shared with your team
H2 UI
Outfit 22px 600 −0.015em
Active sessions
H3 UI
Outfit 17px 600 −0.01em
Relay moves your context across sessions, tools, and teammates. Pick up exactly where you left off.
Body
Outfit 15px 400
Context synced · 3 recipients · expires in 24 h
Body sm
Outfit 13px 400
Label · Status · Recipients
Label
Outfit 12px 500
ACTIVE SESSION · RELAY CODE
Eyebrow
JetBrains Mono 10px 500 0.12em uppercase
QNHC2C
Relay Code inline
JetBrains Mono 13px 600 0.15em teal
QNHC2C
Relay Code hero
JetBrains Mono 32px 600 0.18em teal
RelayCTX
Wordmark
Syne 15px 600 −0.02em
03–04 · Display Options

Two headline approaches. Option A is the preferred direction. Compare both side by side to make the final call.

Option A · Cormorant display + Outfit UI Preferred
Context transfer

Load what you need.
Share what you've made.

Relay captures your working context — tools, tabs, decisions — and lets you drop it anywhere. Keep your team in sync without the re-explanation.

The pipe runs both ways.

Not just a handoff — a live channel. Push context forward to a new session, or pull it back into the one you're in. The relay stays open until you close it.

Your Relay Code
QNHC2C

Elegant, softens the technical edge. Editorial presence. Strong contrast with Outfit UI.

Option B · Outfit display + Outfit UI
Context transfer

Load what you need.
Share what you've made.

Relay captures your working context — tools, tabs, decisions — and lets you drop it anywhere. Keep your team in sync without the re-explanation.

The pipe runs both ways.

Not just a handoff — a live channel. Push context forward to a new session, or pull it back into the one you're in. The relay stays open until you close it.

Your Relay Code
QNHC2C

Clean, modern, consistent. Less contrast between display and body.

05 · Pairing Rules

  • Cormorant is italic for display — never upright for body. Cormorant's upright cuts are too classical for UI text. Reserve the italic for marketing moments: hero headings, section titles, editorial pull quotes.

  • Outfit handles everything UI. Nav, buttons, forms, labels, tooltips, body copy, error messages, loading states — all Outfit. Weights 300–600 are in scope; 700 for h1 only.

  • Syne is the wordmark — nowhere else. It exists to make "RelayCTX" recognisable. Using it as body text, headings, or any UI element is out of scope. No exceptions.

  • JetBrains Mono is strictly codes and metadata. Relay Codes, session IDs, timestamps, API keys, eyebrow labels. Never use it for paragraph text, headings, or marketing copy.

  • Never mix Cormorant and Syne as competitors. Two display-weight, personality-forward typefaces on the same surface creates tonal noise. If Cormorant is doing display work, Syne stays in the wordmark. Always.

06 · Don'ts