Ledger & Line brand kit

The logo, colours and type, ready to use

Everything you need to show Ledger & Line correctly: the brand guide, the logo files and the few rules that keep them clear.

PDF, 19 pages, 3.5 MB

Colour

Cream, deep green, sage and honey

A warm page, green ink and one bright fill. Honey draws the eye, so it's kept for the main button and highlights.

  • Cream

    #F3EAD6
    RGB 243 234 214

    The page background

  • Deep green

    #263A2C
    RGB 38 58 44

    Text and dark surfaces

  • Sage

    #41604A
    RGB 65 96 74

    Brand sections and focus

  • Honey

    #F0C76A
    RGB 240 199 106

    Primary buttons and highlights. A fill, never text

  • Honey ink

    #B5852C
    RGB 181 133 44

    The logo's accent on light backgrounds

Typography

Fraunces for headlines, Manrope for everything else

Both are free on Google Fonts. Where they aren't available, use Georgia and Arial.

  • Headlines · 700 and 900

    Fraunces

    A warm, soft serif for the display line and the first two levels of heading.

  • Text and interface · 400 to 700

    Manrope

    A clear sans for body text, smaller headings, labels and buttons.

The brand guide

Everything above, in full, in one PDF

Ten sections, from the story the brand tells to how the brand character moves. Start here if you're writing, designing or building for Ledger & Line.

PDF, 19 pages, 3.5 MB

  1. 01The brand · Who it's for, the one-liner and the story every page tells
  2. 02Voice · Clear first, then easy to scan, then motivating, and the words to use
  3. 03Logo · The wordmark, its colours, clear space, minimum size and misuse
  4. 04Colour · Five brand colours, three ramps and the pairings that pass WCAG AA
  5. 05Typography · Fraunces and Manrope, the scale and the hierarchy
  6. 06Layout and shape · Spacing, corner radius and ruled lines
  7. 07Interface · Buttons, badges, alerts and cards
  8. 08Spot icons · Ink line work with one honey detail
  9. 09Photography · Warm light, real work and the customer in frame
  10. 10Pixel Pras · The brand character and where it belongs

Downloads

Every logo, ready to download

Use SVG wherever you can, such as websites and design tools. Use PNG, 2,000px wide on a transparent background, for email signatures, documents and anywhere SVG isn't accepted. The one-colour versions are for printing in a single ink, embossing, engraving or placing over a photo.

Wordmark

The main logo, for the website header, documents and proposals.

  • Full colour, for light backgrounds

  • Full colour, for dark backgrounds

  • One colour, green

  • One colour, cream

Stacked

For square spaces: social avatars, signage and the front of a business card.

  • Full colour, for light backgrounds

  • Full colour, for dark backgrounds

  • One colour, green

  • One colour, cream

Monogram

For small spaces, stamps and the email signature, and anywhere the wordmark would be under 120px wide.

  • Full colour, for light backgrounds

  • Full colour, for dark backgrounds

  • One colour, green

  • One colour, cream

App icon and favicon

For browser tabs, app icons and profile pictures.

Download everything

ZIP with the brand guide and every logo file, 4.2 MB