Logo files, brand kit and style guideA style guide at the heart. Every file around it.
Your brand pack is built around one style guide, then every asset you need to put it to work.
Example style guide for a fictional brand, drawn for this page. Yours is built from the design you approve.
Brand style guide contentsThe rulebook for your brand.
One document that shows how your brand looks and how to use it, so a printer, a developer or a new hire gets it right without asking. It is built from your approved design, never redrawn.
- 1
Brand overview
Who the brand is and how it should feel, in a page.
- 2
Logo layouts and variations
Horizontal, stacked and symbol, and which version to use on light, dark and busy backgrounds.
- 3
Symbol
The symbol on its own, and when to use it.
- 4
Clear space
The breathing room to leave around the logo.
- 5
Minimum size
The smallest the logo can go and stay clear.
- 6
Colour palette
Each colour with its name, HEX and RGB.
- 7
Typography
Your typefaces, how to use them, and safe fallbacks.
- 8
Background usage
What works on which background colour.
- 9
Incorrect usage
Common mistakes to avoid, such as stretching or recolouring.
- 10
Digital usage
Using your brand on screens: web, social and email.
Logo files, icons and colour paletteEverything else in the download.
Every identity gets the same three layouts, each in ten treatments: 30 logo versions, each as SVG, PNG and PNG @2x. All are made from the same approved design and checked before you can download them.
Horizontal
The symbol beside the name, for headers and wide, short spaces.
Stacked
The symbol above the name, for sign-in screens and large uses.
Symbol
The symbol on its own, for profile pictures, stickers, stamps and favicons.
The ten treatments
Every layout comes in each of these, so you always have the right version for the background.
| Treatment | What it looks like | What it is for |
|---|---|---|
| Brand colour | Your colour symbol with the name in ink | Light surfaces. Transparent. |
| Reversed | Your accent-colour symbol with a white name | Dark surfaces. Transparent. |
| Brand monochrome | Everything in your primary colour | One-colour jobs in your brand colour. Transparent. |
| Ink | Everything in your ink colour | One-colour print on light paper. Transparent. |
| Black | Everything in black | Black-only printing, stamps and engraving. Transparent. |
| White | Everything in white | Dark backgrounds and photography. Transparent. |
| On light background | Full colour on your surface colour | A ready-made tile for light spaces. |
| On dark background | Accent symbol and white name on your ink colour | A ready-made tile for dark spaces. |
| Light monochrome | Black on white | Plain documents and forms. |
| Dark monochrome | White on your ink colour | Dark one-colour jobs. |
And around the logos
| Item | Formats | Where | What it is for |
|---|---|---|---|
| Brand guidelines | Brand-Guidelines.pdf | The rulebook for using everything in the pack, described on this page. | |
| Style guide card | PNGSVG | guide/ | Your identity on one page, with the approved concept beside it for reference. |
| App icons | PNGSVG | icons/ | Brand, dark and light versions from 16 to 1024 pixels, for app stores, home screens and social profiles. |
| Rounded icons | PNGSVG | icons/ | Transparent rounded-square icons at 512 and 1024 pixels. |
| Favicons | ICO | icons/ | Browser-tab icons in several sizes, one for each treatment. |
| Colour tokens | CSSJSON | brand-tokens.css, brand-colours.json | Your four colours as code, for a developer to drop in. |
| Fonts | fonts/ | Your typeface file and its licence, where the licence allows it. | |
| Asset index | CSV | asset-index.csv | A list of every file in the download, so nothing gets lost. |
| Read me | MD | README.md | A short tour of what is in the download and when to use each treatment. |
Typefaces come from an open-licence catalogue. Font files are included only where the licence allows it.
Brand pack downloadOne tidy ZIP.
Folders are named so anyone can find the right file. ELRO does not provide trademark clearance, so search for conflicts before you register or rely on your identity commercially.
your-project-brand-pack.zip
your-brand-brand-pack/
README.md
asset-index.csv
brand-tokens.css
brand-colours.json
Brand-Guidelines.pdf
guide/
logos/
horizontal/
stacked/
symbol/
icons/
fonts/Ready to see yours?
Design free, pay when you approve.
