RelayCTX™ Brand assets · pack v3.5.1 · Updated Jul 19 2026

Canon, in files you can
drop into your project.

The approved RelayCTX brand assets for web, product, and marketing. Version-controlled in relay-creative. If an implementation disagrees with these files, these files win.

01 — Read this first

Web and app use the component, not these files. On screen, use the inline lockup from /brand/relay-lockup.html so the mark inherits currentColor and adapts with theme. The SVGs below are for design tools, decks, print, and anywhere you cannot inline SVG.
The mark lives one level up. It is not duplicated here — /brand/relay-mark.svg (full), relay-mark-compact.svg, relay-mark-core.svg, favicon.svg, app-icon tiles. One source of truth.
Outline the wordmark for print. These SVGs carry live Outfit 600 text. Without Outfit installed it falls back to a system sans and the wordmark is wrong — outline before external handoff.
Don't patch locally. If an asset renders wrong, raise it against relay-creative so the fix lands here and reaches everyone. Local patches fragment the canon.

02 — Lockups

RelayCTX horizontal lockup

Horizontal — default

The default lockup. Theme-adaptive: teal mark on light, brighter teal on dark. Use for decks, docs, print, and design tools.

relay-lockup.svg
RelayCTX stacked lockup

Stacked

Mark above wordmark, for square and centred layouts. Horizontal remains the default — reach for this only when the space is square.

relay-lockup-stacked.svg
RelayCTX mono lockup

Mono — one ink

Everything in currentColor. For one-colour print, embroidery, etch, and stamps. Not for screen where the two-colour lockup can render.

relay-lockup-mono.svg
RelayCTX knockout lockup on accent

On-accent — knockout

White knockout for the teal fill, dark surfaces, and photography. Only place it where white holds WCAG AA contrast.

relay-lockup-on-accent.svg

03 — Social

RelayCTX Open Graph card

Open Graph card — 1200×630

For og:image and twitter:image. Export to PNG at 1200×630 before use — most platforms will not read an SVG.

relay-social-og.svg
RelayCTX avatar tile

Avatar tile — 512×512

Profile tile: accent fill, mark knocked out, no wordmark (it will not survive avatar crops). The container is permitted here because the platform demands one.

relay-avatar.svg

04 — Trademark

What carries it. RelayCTX™ (the brand) and Relay Context Inc.™ (the legal entity). Symbol is ™ — never ®.
How it's set. Outfit upright — the sans face, never the Cormorant italic — as a superscript ~0.42em with tracking reset to 0. It inherits the wordmark colour and is never teal.
Where it goes. Primary / first-use only: the lockup and the first prominent wordmark on a surface. Nav, body, compact, and repeated wordmarks stay bare RelayCTX.

05 — Colour & spacing

ElementLightDarkRule
Mark#0d9488#2dd4bfToken rly-accent-ui; inline SVG uses currentColor
Wordmark#111111#edededNever teal — the wordmark is not a touch point
Pulse#00D9C8Motion only. Never static, in any asset here
Clear spaceOne mark-heightAll four sides of the lockup
Lockup gap~0.25 × mark ink widthMeasured ink-to-ink, not bounding box — mark and wordmark scale as one object, never re-spaced