Checkerso
Menu

Brand

Everything you need to show Checkerso correctly: the logo, the colors, and the type. To write about Checkerso or link to it, you are welcome to use these. Please do not change them or suggest that Checkerso endorses you. Questions go through Contact.

The logo is the word CHECKERSO with a checker piece as its last letter. It must read as one name, never as "CHECKERS" plus an icon. Keep clear space around it equal to the height of the letter C, and keep it clear against its background.

Checkerso logo for light backgrounds
On light backgrounds
Checkerso logo for dark backgrounds
On dark backgrounds

Minimum width: 120 px on screen.

Symbol

The checker piece on its own stands in for the logo where there is no room for the full name: avatars, app icons, and loading screens. Use the symbol only when the name is already clear from context.

Checkerso symbol for light backgrounds
On light backgrounds
Checkerso symbol for dark backgrounds
On dark backgrounds

Icon

The app icon is the checker piece on a deep green plate. At 16 to 32 px, such as a browser tab, use the favicon: the checker piece on its own, drawn to stay clear when small.

Checkerso app icon
App icon
Checkerso favicon
Favicon for small sizes

Colors

A calm sage green and warm ivory, with one brighter green reserved for the checker piece in the logo. Use these before reaching for anything else.

Primary

  • Brand green

    #216B4A

    RGB 33, 107, 74

    C69 M0 Y31 K58

    The checker-piece O in the logo

  • Deep sage

    #354F3B

    RGB 53, 79, 59

    C33 M0 Y25 K69

    Links and the wordmark O on light

  • Primary sage

    #507258

    RGB 80, 114, 88

    C30 M0 Y23 K55

    Buttons, dark board squares, favicon

  • Ink

    #0F1F1A

    RGB 15, 31, 26

    C52 M0 Y16 K88

    Logo letters

Supporting

  • Ivory

    #FBFAF6

    RGB 251, 250, 246

    C0 M0 Y2 K2

    Header and logo letters on dark

  • Page

    #FFFDF8

    RGB 255, 253, 248

    C0 M1 Y3 K0

    Article and footer background

  • Board light

    #EAE4D8

    RGB 234, 228, 216

    C0 M3 Y8 K8

    Light board squares

  • Playfield

    #2B2C27

    RGB 43, 44, 39

    C2 M0 Y11 K83

    The dark band behind the board

CMYK values are a plain conversion; match to your printer's profile.

Type

Checkerso uses one family, Inter, an open-source typeface (SIL Open Font License) available from Google Fonts. The logo letters are Inter ExtraBold with slightly tight spacing.

Inter

  • AaRegular
  • AaMedium
  • AaBold
  • AaExtraBold

What not to do

To keep the brand consistent, please avoid these.

  • Do not rotate the logo

  • Do not flip it

  • Do not stretch or squash it

  • Do not add an outline

  • Do not change its colors

  • Do not put it on a busy or low-contrast background