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. In a hurry? The cheat sheet has the everyday files and rules on one screen.

01 — Read this first

02 — Lockups

Horizontal — default

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

SVG PNG 204 408 612 816

Stacked

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

SVG PNG 168 336 504

Mono — one ink

Everything in currentColor, defaults to brand ink #111111 — the “black” alternate. For one-colour print, embroidery, etch, and stamps. Not for screen where the two-colour lockup can render.

SVG PNG 204 408 612

On-accent — knockout

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

SVG PNG 204 408 612

03 — Marks

Open Signal — spec teal

The canonical mark, one level up. SVG inherits currentColor; PNGs are baked at light-mode teal #0d9488, transparent.

SVG PNG 128 256 512 1024

Mark mono — one ink

Brand ink #111111 via currentColor — the “black” alternate for platform slots and one-colour print. On screen, prefer the teal mark.

SVG PNG 512 1024

Mark white — knockout

Solid #ffffff for the teal fill, dark surfaces, and photography — the mark-only counterpart of the on-accent lockup. White must hold WCAG AA.

SVG PNG 512 1024

Compact & core — small sizes

Compact for 16–27px, core (dot only) for ≤15px. Rays thin as the mark shrinks; the core holds. PNGs at 2× their nominal size, teal, transparent.

Compact SVG PNG 48 Core SVG PNG 32

04 — Social

Open Graph card — 1200×630

For og:image and twitter:image. Use the PNG — most platforms will not read an SVG.

SVG PNG 1200×630

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. 400 for X/LinkedIn crops.

SVG PNG 400 512 1024

Avatar tile — with wordmark

The 1:1 social tile carrying mark and wordmark, so it carries the ™ — correct here and only here among the avatars, because the mark-only tile has no wordmark for it to attach to. Circle-safe: X/Bluesky/Mastodon round crops clip nothing. Readable at 96px+, marginal at 48, gone at 32 — use it where the platform shows the avatar large, and the mark-only tile in feeds. -dark and -light grounds alongside.

SVG PNG 400 512 1024 dark light

App icons — teal & light

The store tiles, one level up. 512 for most slots, 1024 for app stores and high-res directories.

Teal 512 1024 Light 512 1024

05 — Every PNG, transparent

All rasterised from the SVGs above (see the pack README for the deterministic export pipeline). Backgrounds are transparent except the avatar tile and OG card, which are filled by design. Theme-adaptive files are baked at their light-mode colours.

06 — Trademark

07 — Colour & spacing