The Casty brand

The logo

The word casty in lower case, followed by the cast glyph: a screen with a signal coming in at the corner. The letters are drawn from Red Hat Display, the same family as our headlines, so the logo and the words around it look like they belong together.

• Midnight on light backgrounds, white on dark ones. One colour at a time.
• There's also a version with the glyph in Cast Blue, for pages where the logo is the only colour.
• Leave clear space round it at least as wide as the glyph.
• Don't stretch it, outline it, add a shadow or retype the word in another font.
• On a photo, put it on a calm area or a solid panel so it stays readable.
• Keep it at least 80 px wide on screen and 20 mm wide in print. Below that, use the glyph on its own.

The glyph

On its own, the glyph does the job where there's no room for the whole logo: the app icon, the favicon, a social profile picture. It's built on a 100-unit square. From the bottom-left corner there's a quarter circle and two arcs, every band and every gap 14 units wide, and the rest of the square is solid with corners rounded to 14.

Colour

Two colours do most of the work. Midnight comes straight from the logo and Cast Blue from the app icon, with plenty of white round them. The rest are for text, lines and quiet backgrounds.

• Midnight

  #1A1A2E

  The logo, headings, body text and dark panels.

  On white 17.1:1 · on Midnight 1.0:1

• Cast Blue

  #1565C0

  Buttons, links, the app icon and big blue panels.

  On white 5.7:1 · on Midnight 3.0:1

• White

  #FFFFFF

  Most backgrounds. Gives the other two room.

  Midnight on it 17.1:1

• Mist

  #F4F5F8

  Quiet section backgrounds.

  On white 1.1:1 · on Midnight 15.6:1

• Line

  #E3E5EC

  Borders and dividers.

  On white 1.3:1 · on Midnight 13.6:1

• Slate

  #5B5F75

  Secondary text on white.

  On white 6.3:1 · on Midnight 2.7:1

• Signal

  #8CC0FF

  Links and arcs on Midnight.

  On white 1.9:1 · on Midnight 9.0:1

• Live

  #22B573

  Online status. Nothing else.

  On white 2.6:1 · on Midnight 6.4:1

Type

One family, three cuts. All three are free under the SIL Open Font License, so anyone making something for Casty can use them.

The arcs

The glyph's rings, carried on past the edge of the square. Same 14-unit bands and gaps, always from a corner and always cropped by whatever they sit in. They go behind screens on Midnight panels and across big Cast Blue panels. They're never a repeating pattern, and never sit behind text you need to read.

How we write

The same rules for the website, the docs, emails and anything that goes on a screen.

• Plain and specific. Say what the screen shows and when, like "the breakfast menu until 11:30".
• Write to the person running the venue. Contractions are fine; jargon isn't.
• Name real things: menus, fixtures, offers, class times, screens and players.
• UK spelling, sentence case for headings, and no exclamation marks.

Downloads

Everything on this page, ready to use.

• Everything in one zipLogos, glyphs and icons as SVG and PNG, with a short readme.
• Logo, Midnight (SVG)For light backgrounds.
• Logo, white (SVG)For dark backgrounds and photos.
• Logo with a Cast Blue glyph (SVG)For pages where the logo is the only colour.
• Logo, Midnight (PNG, 2400 px)For slides and documents.
• Glyph (SVG)Also in white and Cast Blue in the zip.
• App icon (PNG, 1024 px)White glyph on Cast Blue.