SuperMailOS
Start free

Design & brand

The SuperMailOS brand, on one page.

Our logo, colours, type, pixels and voice, with files you can download. Writing about us, or putting our logo next to yours? Start here.

Get the logo Press boilerplate
Brand kit6 SVG files
SuperMailOS
Violet
AaDisplay
Domains
Grid

Violet

The default. Use it wherever you can.

SVG

Ink

For one-colour print, or beside colours violet fights with.

SVG

No background

On light surfaces where a filled tile would feel heavy.

SVG

White

On photos, dark surfaces and solid violet.

SVG

The logo

The mark with the wordmark. Use it where people meet us for the first time.

SuperMailOS
SuperMailOS
Logo SVG Logo, white SVG

The wordmark

  • Schibsted Grotesk Medium, tracking −1%, always one word in CamelCase: SuperMailOS.
  • Beside the mark, the name is 77% of the mark’s height and sits 38% of it away. The files are already spaced; don’t re-space them.
  • Use the mark on its own where the name is already nearby: an app icon, an avatar, a favicon.

Clear space

Keep a quarter of the mark’s height clear on every side. The same goes for the logo.

¼ × height

Minimum size

The mark holds up from 16 px, so it works as a favicon. The logo needs a mark of at least 20 px, about 120 px wide in all.

16 px20 px24 px32 pxSuperMailOS20 px mark

Please don’t

Don’t

Don’t recolour the mark or swap its gradient.

Don’t

Don’t stretch, squash or rotate it.

Don’tsupermailos

Don’t set the name in lowercase.

Don’tSuper Mail OS

Don’t split the name or change its typeface.

Files

SVG, drawn from the same paths as the logo on this site. Need another format? Ask us below.

  • Mark, violetThe default app-icon tileSVG
  • Mark, inkOne-colour printSVG
  • Mark, no backgroundViolet envelope on light surfacesSVG
  • Mark, whiteWhite envelope on dark surfacesSVG
  • LogoMark and wordmark, ink textSVG
  • Logo, whiteMark and wordmark for dark surfacesSVG

02 Colour

Ink and white, violet for what matters.

Most of every screen is ink on white with hairline rules. Violet marks the brand and where you are or what to do next. Click any swatch to copy it.

Brand violet

One violet, plus the tints and shades the site and app already use.

Mark gradient. Only the mark uses it; everywhere else violet is flat.

Ink, surfaces and lines

Domain colours

Each domain gets a colour in the app: its tile, its addresses, its rows. Colours follow the order domains were added, so a new one never repaints the others. The first is always brand violet.

Status

The only other colours in the app, and only for state.

Fine

Confirmed

Connected, delivered, turned on.

Needs one fix

Not confirmed

Something to finish. In the rail, an amber square on a domain’s tile.

Stopped

Paused

Bounced, blocked or about to be deleted.

03 Type

Three typefaces, one job each.

Schibsted Grotesk for headlines, Geist for reading, Geist Mono for labels, addresses and times. All three are free to use.

Display

Aa

Schibsted Grotesk

Medium 500 · tracking −2%

Headlines, page and screen titles, the wordmark.

Body

Aa

Geist

Regular 400 · Medium 500 · Semibold 600

Everything you read: paragraphs, buttons, mail.

Labels

Aa

Geist Mono

Medium 500 · uppercase · tracking +8%

Eyebrows and labels; addresses and times as typed.

The scale in use

Sizes in px, as the site and app set them. Big sizes shrink on phones.

  • HeroEvery domain you own.Schibsted 500 · 56 / 1.22 · −2%
  • SectionEverything else, included.Schibsted 500 · 46 / 1.08 · −2%
  • Screen titleAll mailSchibsted 500 · 25 / 1.15 · −2%
  • LeadBusiness email for people who run more than one thing.Geist 500 · 20 / 1.5
  • BodyHide a thread until tomorrow morning. It comes back on time.Geist 400 · 16 / 1.6
  • AppMaya Chen Signed — kickoff Thursday?Geist 600 / 400 · 13.5 / 13
  • Label14 days free · No card · Keep your domainGeist Mono 500 · 12 · caps · +8%
  • Addresshello@acme.app · 9:41Geist Mono 400 · 12–13

04 Pixels

One 8×8 grid for every pixel.

Pixels are for moments — a domain’s tile, a queue you’ve cleared, a headline that lands — never wallpaper behind text you need to read.

Domain monograms

The domain’s first letter, lit in its colour on a faint grid of the same colour. The four corners stay off, so the tile reads as rounded.

  • alias
  • globe
  • people
  • clock
  • funnel
  • search
  • shield
  • lock
  • phone
  • sync
  • tray
  • code

Icons

Drawn on the same grid, in one colour. They turn violet on hover.

7 of 12 handled

Focus progress

Fills a column at a time as you clear mail, so the end is always in sight.

Every domain you own.
One beautiful inbox.

Block-wipe headline

Words on solid violet blocks that wipe in once, line by line. Save it for a page’s opening line and its closing band.

Pixel landscapes

Dithered hills at the top or bottom of a page, never behind body text. Move your pointer: it’s the light.

05 Product UI

The app, in pieces.

The parts the inbox is made of: ink and white, hairline rules, mono for addresses and times, violet for where you are. The rail and the rows respond to clicks.

3 domains · 7 addresses

Write

All mail

Today

Buttons

Rounded-full. Violet for the one main action, ink for writing, outlines for the rest.

Status tags

A dot and a few words. Green is fine, amber needs one fix, red has stopped.

ConfirmedNot confirmedPaused

Keycaps

Every common action has a key, shown beside it in mono.

CWriteRReplyEDoneZSnoozeFFocus⌘KSearch

Switches and chips

Addresses are chips in mono. Switches say what they turn on.

Every addressyou@billing@press@

06 Voice

Plain words, benefits first.

Write like a helpful person who runs their own mail: what you get and what it costs, in short sentences.

  1. 01Lead with what people get.

    Say what someone gets before how it works.

    Do

    Every domain you own. One beautiful inbox.

    Don’t

    A robust, scalable email solution for modern teams.

  2. 02Say the price.

    A number beats an adjective.

    Do

    From $3 a mailbox. Aliases are free.

    Don’t

    Enterprise-grade email at an unbeatable price.

  3. 03Plain words, sentence case.

    Short sentences. Capitals only where a sentence or a name starts.

    Do

    Hide a thread until tomorrow morning. It comes back on time.

    Don’t

    Supercharge Your Workflow With Smart Snoozing!

  4. 04No hype, no borrowed proof.

    Only claims we can show. No invented numbers, logos or quotes.

    Do

    Try it free for 14 days. No card, and your domain stays yours.

    Don’t

    Trusted by 10,000+ teams worldwide.

07 Name

SuperMailOS. One word.

Capital S, M, O and S, no spaces, in headlines, prose and alt text. Only web and email addresses are lowercase: supermailos.com, hello@supermailos.com.

Write it

SuperMailOS

In every headline, sentence and caption.

Not
  • Super Mail OS
  • SuperMail OS
  • supermailos
  • Supermailos
  • SMOS

For press

Copy these as they are. Need a quote, a screenshot or another file format? Write to us.

Boilerplate

SuperMailOS is business email for people who run more than one thing. Every domain you own lands in one inbox, with free aliases, shared mailboxes and a native iPhone app, from $3 a mailbox. It works with Apple Mail, Outlook and any other IMAP app, and your domain stays with whoever you bought it from. SuperMailOS is built by Adee Labs, an independent product studio in Jaipur, India, and runs on its own mail servers.

One line

SuperMailOS: every domain you own, in one beautiful inbox. From $3 a mailbox.

Press and partnerships

Questions, interviews, partnerships, a file we don’t list here. A person reads every message.

hello@supermailos.com

Logo files are above, as SVG.

Bring every domain home.

Try it free for 14 days. No card, and your domain stays yours.

Start free Talk to us