Brand

August 28, 2026 · View on GitHub

MailAccess

Brand

Identity kit v1 — 13 assets. Everything here is vector, drawn as paths, with no font or network dependency. Source files live in assets/brand/.


Lockups

Primary horizontal lockup

01 · Primary horizontal. The default. Icon and wordmark share cap height.

Stacked lockup

02 · Stacked. For square-ish spaces where the horizontal lockup would set too small.

Reversed lockup on near-black

03 · Reversed. Dark UI only. The seal switches to #D8455A#8A1C2B is too dark to hold on near-black.

Single-colour lockup

04 · Single colour. All near-black. Print, embroidery, faxable docs, anywhere the accent cannot survive.

Accent lockup

05 · Single colour accent. All maroon. Use sparingly — never next to 01.

Wordmark

06 · Wordmark. Jost, 500/400 weight break between mail and access, tracking −0.04em.


Profile & app marks

Dark avatarLight avatarApp iconAccent app icon
07 · social 40008 · avatar light09 · app icon10 · app icon alt

Favicons

Progressively simplified — the mark is redrawn at each size, not scaled down.

64px favicon32px favicon16px favicon
11 · 64px — full mark12 · 32px — heavier strokes, single seal bar13 · 16px — three bars, accent block

Palette

Three colours. Nothing else.

NameHexRole
near-black#0D0D0DStructure. The mark, the wordmark, body text.
maroon#8A1C2BRisk. One element only — never a second maroon element in the same view.
maroon (dark UI)#D8455AThe maroon, lifted for near-black backgrounds. Same job, same one-element rule.
cool gray#9AA0A6Support — labels, rules, secondary text. Never the mark.

Supporting surfaces used in the kit: #FAFAFA (light panel), #F2F2F3 (chip), #E9E9EB (rules), #6E747A (mono label).


Typography

FaceUseSetting
JostWordmark, headingsmail at 500, access at 400; tracking −0.04em
IBM Plex MonoLabels, captions, metadataUppercase, tracking 0.18–0.22em, colour #6E747A

The shipped lockups have the wordmark converted to outlines, so nothing needs Jost installed to render correctly.


Clearspace

Minimum clearspace is ½ the mark height on all four sides. Nothing enters that box — no text, no rules, no other logos.


Rules

  • Use 01 unless there is a reason not to.
  • On near-black, use 03 — not 01 with the background knocked out.
  • Never recolour the mark outside the four lockups above.
  • Never add a second maroon element to a view. The accent marks risk; two accents mark nothing.
  • Never stretch, rotate, outline, or add effects to the mark.
  • Never rebuild the wordmark by typing mailaccess in Jost — the shipped outlines carry the tracking and weight break.

Files

FileAsset
mailaccess-logo.svg01 · primary horizontal
mailaccess-logo-stacked.svg02 · stacked
mailaccess-logo-reversed.svg03 · reversed, dark UI
mailaccess-logo-mono.svg04 · single colour
mailaccess-logo-accent.svg05 · single colour accent
mailaccess-wordmark.svg06 · wordmark
mailaccess-avatar-dark.svg07 · social 400
mailaccess-avatar-light.svg08 · avatar light
mailaccess-icon.svg09 · app icon
mailaccess-icon-accent.svg10 · app icon alt
favicon-64.svg11 · 64px
favicon-32.svg12 · 32px
favicon-16.svg13 · 16px

Press and sponsor enquiries: see SPONSORSHIP.md.