Skip to content
Inbox Innovation

Brand

The wordmark, colours and type for anyone writing about or working with Inbox Innovation. Colours have jobs, like syntax highlighting: blue is structure, orange is the variable, green means it passed.

Wordmark and monogram

inbox{innovation} wordmark, ink with blue braces
inbox{innovation} wordmark, light text with blue braces
{ii} monogram

The brand is written as a merge tag: every email has slots for a name, an image, an offer, and the brand is one of them. JetBrains Mono Bold, tracking minus 4%. Braces always in tag blue. Clear space on every side equals one brace. At 16px the favicon keeps only the braces: an empty slot.

Colour, light and dark

Every text colour meets WCAG 2.2 AA (4.5:1) in both themes.

  • Paper / Ink

    #F6F6F3 / #101318

    Page background

  • Stone / Panel

    #ECEDEA / #1A1F27

    Bands, cards, panels

  • Ink / Text

    #101318 / #EDEEF0

    Text

    Contrast 17.2 / 16.0:1

  • Grey

    #555960 / #A3A8B0

    Secondary text

    Contrast 6.6 / 7.8:1

  • Tag blue

    #1D5FD1 / #7AA7FF

    Braces, links, actions

    Contrast 5.4 / 7.8:1

  • Signal

    #B3321B / #FF7A59

    The variable being talked about

    Contrast 5.7 / 7.3:1

Status

Pass, #1F7A52 / #7FD1A8

Improve, #8A5A00 / #F2C46B

Fix, #B3321B / #FF7A59

Typography

Geist

JetBrains Mono

Geist for everything people read: SemiBold headings set tight, Regular text. JetBrains Mono for the wordmark, labels, prices and anything that is literally code. Never long copy in mono. Both are free under the Open Font Licence.

Voice

  • Hello {first_name}.Greetings and welcome mail
  • // 40+ clients tested before sendProof, as a code comment
  • status: passedResults and checks

One code device per screen: a headline can carry a tag, or a label can be a comment, not both.

Email signature

Table-based and inline-styled, so it holds in Outlook. Open the file, select all, paste into your signature settings.

Downloads