Brand guide

The Readyness logo, colours and type, and how to use them. Every logo version is below as an SVG for screens and print, and a PNG with a transparent background.

Download all logo files (.zip)

Colours

The logo uses five colours. The website adds three from the same family. Each card lists text colours that read clearly on it, with their contrast ratio (4.5:1 or more meets WCAG AA for text).

Logo colours

  • Readyness Cobalt“Blue” in the logo files

    HEX
    #2549EF
    RGB
    37, 73, 239

    The master brand colour: heroes, links, primary fields and the full stop of the primary logo.

    • Cream text 6.1:1
    • Lime accents 5.5:1

  • Ready Lime“Lime” in the logo files

    HEX
    #D4FF54
    RGB
    212, 255, 84

    Highlights and accents on dark grounds only. Never text on cream or white.

    • Ink text 15.5:1
    • Cobalt text 5.5:1

  • Ready Ink“Ink” in the logo files

    HEX
    #12162B
    RGB
    18, 22, 43

    Text, the letters of the primary logo, and dark grounds.

    • Cream text 17.0:1
    • Lime accents 15.5:1

  • White

    HEX
    #FFFFFF
    RGB
    255, 255, 255

    The logo on dark grounds (ink or cobalt). On the website the light colour is Ready Cream.

    • Ink text 17.8:1
    • Cobalt text 6.4:1

  • Black

    HEX
    #000000
    RGB
    0, 0, 0

    The one-colour logo, for print and single-colour uses on light grounds.

    • On lime 18.2:1

Supporting colours

  • Ready Cream

    HEX
    #FFF9F2
    RGB
    255, 249, 242

    The main background of the website.

    • Ink text 17.0:1
    • Cobalt text 6.1:1

  • Ready Coral

    HEX
    #FF626D
    RGB
    255, 98, 109

    Buttons and campaign accents. Always with ink text, never cream or white.

    • Ink text 6.1:1

  • Ready Lilac

    HEX
    #DCD5FF
    RGB
    220, 213, 255

    Calm grounds for longer reading.

    • Ink text 12.7:1
    • Cobalt text 4.5:1

Type

  • Logo

    Arial Bold

    “readyness.” and “BY LEGABLE” are set in Arial Bold with adjusted letter spacing, then outlined to shapes. Use the files; never retype the logo.

  • Headlines

    Ready

    Space Grotesk

    Display type on the website: bold, tight and often in capitals. Weights 300 to 700.

  • Text

    Ready

    DM Sans

    Body copy and interface text. Weights 100 to 1000, with italics.

Usage

Clear space

Keep the transparent margin built into the files clear on every side: a fifth of the letters’ size, so 20px when the wordmark is set at 100px. More is better.

Minimum size on screen

Wordmark with BY LEGABLE
120px wide
Wordmark
80px wide
Icon
16px

Below 120px wide, use the wordmark without BY LEGABLE.

Naming

  • The name is spelled Readyness, with a y. In the logo it is lowercase with a full stop (“readyness.”). In text, write Readyness with a capital R and no full stop.
  • Legable appears only as the BY LEGABLE endorsement under the wordmark, never as a separate logo or product next to Readyness.

Please don’t

  • Don’t stretch, squash, rotate or redraw the logo.
  • Don’t recolour it outside the six versions, or add gradients, shadows, outlines or other effects.
  • Don’t retype the wordmark in a font: the files carry its letter spacing.
  • Don’t drop or move the full stop.
  • Don’t put the logo on a ground its version is not made for (white and lime go on dark grounds; primary, blue, ink and black on light ones).
  • Don’t enlarge BY LEGABLE, put Legable first, or set the two names side by side as equals.

Questions about using the brand? Get in touch.