A three-part font overview that maps out your main, supporting, and accent typefaces.
Show the full range of your type weights. Ideal for guiding teams on what to use and when.
A bold title section with a light background
A bold title section with a dark background
A Pantone-inspired card for highlighting a specific brand color
A simple grid of secondary colours to support and extend your core color palette
Lighter versions of your brand's core colors
A set of pill-shaped colour swatches to document your brand colors
A simple set of colour swatches to map out your palette
A solid list of color blocks with no spacing, perfect for showing your palette as one continuous flow
A set of stacked color pillars for a clean, vertical take on your palette.
A simple grid of eight colour swatches
A clear font hierarchy with your primary typefront and centre, with secondary and tertiary styles neatly beneath it.
A right-aligned font specimen
A full-specimen view of your typeface
A dark-themed highlight block that's ideal for calling out your primary typeface.
A simple highlight block that's ideal for calling out your primary typeface.
A dark-theme layout that runs through every weight at a glance, from Extra Light to Black.
A template that lays out each font weight at a glance, from Extra Light to Black
A template that lays out each font weight at a glance, from Extra Light to Black.
A simple intro template for summarising a chapter or section
Introduce your brand guidelines with an impactful title
Easily see how a campaign can be applied across different channels, like an Instagram post, Google Ad, or mobile banner
A useful layout to highlight brand values, messaging pillars or key stats side-by-side.
This layout is useful for bringing structure to bigger topics, with space for context and buttons to dive deeper.
This layout is useful for bringing structure to bigger topics, with space for context and buttons to dive deeper.
A clean footer, ideal for lightweight pages.
A quote template, perfect for showcasing feedback, reviews and endorsements.
Easily see how a campaign can be applied across different channels, like an Instagram post, Google Ad, or mobile banner
Help readers navigate your page
Provide a library of approved icons for easy download
Highlight common mistakes to avoid when using your logo.
Present your logo in approved colour variations and when to use each.
Present your logo in approved colour variations and when to use each.
Show the clear space your logo needs to stay legible and impactful.
Display alternate logo versions and explain when to use them.
A simple text left, logo right layout that allows you to share your logo along with some usage guidelines.
Help your users hit the ground running with quick access to everything they need to use your brand.
Add a sticky nav to your site that allows users to navigate your page and easily download what they need.
Demonstrate some common mistakes to be careful of
Demonstrate how much breathing room the logo should have
A template to showcase the different variations of your logo, like your wordmark, stacked version or icon.
Add navigation that will stick to the top of your page
Great for standout content with a background that moves as you scroll.
Example of brand application on social media stories
Ordered headings with text
Footer with company name and date
Footer outlining details for an asset delivery document
Heading & sub-heading
Three text left, image right layouts stacked
Alternating image & text layout
2 column grid with an image, heading and paragraph text
2 column grid with an image, heading and paragraph text