Brand Identity System — Brand Guidelines Template with Example Brand

The Brand Identity System shows what a finished, usable brand guide looks like and gives you the parts to make your own. It is demonstrated through Tidewell, a fictional wellness brand, across fourteen landscape pages: story, logo, clear space and minimum size, misuse, colour, typography, graphic elements, photography direction, layout grid, social media, stationery and email signature.

Behind the PDF are the working files: logo lockups and marks in SVG and transparent PNG, colour tokens as CSS, JSON and ASE, a print-ready business card with bleed, an A4 letterhead and an HTML email signature. The guidelines themselves ship as an editable HTML source that rebrands with a find-and-replace and prints straight to PDF.

• Studios delivering brand guidelines to clients
• Founders documenting a new brand
• Designers who need a guideline structure to follow
• Marketing teams keeping a brand consistent

• 14-page landscape brand guidelines PDF
• Editable HTML source that rebrands with find-and-replace
• 7 logo files in SVG and transparent PNG: primary, reversed, mono black and white, marks and favicon
• Colour tokens as CSS variables, JSON and an ASE swatch file
• Print-ready 85 × 55 mm business card with 3 mm bleed and an A4 letterhead
• HTML email signature

• Tidewell_Brand_Guidelines.pdf (14 pages)
• Editable_Source/Tidewell_Brand_Guidelines.html
• Logos in SVG and PNG (7 each)
• Colour tokens: tokens.css, tokens.json and Tidewell.ase
• Business card and letterhead PDFs
• Email_Signature.html, README and licence

• Any PDF reader for the guidelines and stationery
• Illustrator, Figma, Affinity Designer and Inkscape (SVG logos)
• Photoshop, Illustrator and InDesign (ASE colours)
• Chrome or Edge to print the editable guidelines to PDF
• Gmail, Outlook and Apple Mail (email signature)

• A code or text editor to edit the guidelines source
• Chrome or Edge to export the PDF

1. Unzip the download and read Tidewell_Brand_Guidelines.pdf to see the finished system

2. Open Editable_Source/Tidewell_Brand_Guidelines.html in a code editor

3. Find and replace the brand name and the five colour codes listed at the top of the file, then edit the page text

4. Open the file in Chrome or Edge → Print → Save as PDF with background graphics on

5. Swap the logo SVGs, tokens and ASE file for your own using the same file names

Tidewell is a fictional example brand. There is no InDesign or Figma file: the guidelines are edited as HTML and exported to PDF from a browser.

• Personal — Use in your own non-commercial projects.
• Commercial — Use in one commercial project or for one client, including products you sell where the asset is not the main thing being sold.
• Agency — Use across multiple client projects and commercial work, up to the limits stated on this page.

No tier permits reselling or redistributing the files themselves.

Questions about Brand Identity System are handled through your DistroSource account — open a support ticket from the order and include your order number.