bRAND STYLE gUIDE

A brand is so much more than just a logo.

The brand style guide is a reference document containing the unified, consistent brand look and feel with different use cases.

open laptop with work on it

LOGO VARIATIONS OR USE CASES

This is how the logo can be applied in different formats. Same logo, different layouts (e.g. stacked, horizontal, or inverted colour versions).  

Still need a logo?

COLOUR PALETTE (HEX CODES)

In the world of colour, there are 256 shades of grey. That's why colour codes exist: they ensure we get the look exactly right. 

TYPOGRAPHY AND FONTS

Typography involves font style, look, and structure, which aims to elicit certain emotions and convey specific messages. Words matter –  in meaning but also in appearance. 

ICONOGRAPHY

Iconography is the use of symbols and visual elements to convey specific meanings. Icons represent features, functionality, and more.

Graphics

Graphics are visual languages, such as images and illustrations, used to convey information or for aesthetic purposes. They enhance a design's appearance and communication.

Photo Style

A photo style is a distinctive and consistent visual approach or aesthetic used to create a cohesive and recognisable look and feel throughout all the images on a company's website or other documents.

Section Dividers

A section divider is a visual or design element used to separate distinct content segments on a webpage or other document. It serves both a functional and aesthetic purpose, helping users navigate the page by visually breaking up the content into easily digestible parts.

Button Style

A button style refers to the visual design and appearance of interactive buttons on a website. Button styles include attributes like colour, size, shape, typography, and animations, which collectively create a consistent and visually appealing look for buttons throughout a website.

Form Style

A form style on a website encompasses the visual design and layout of interactive forms. This includes elements like text fields, checkboxes, radio buttons, and submit buttons. Form styles address attributes such as spacing, typography, and colours to create a cohesive and user-friendly form design.

LOGO VARIATIONS OR USE CASES

Same logo, different layouts - such as stacked, horizontal or inverted colour versions - to apply the logo in different formats.

Colour palette (HEX codes)

In the world of colour there are about 260 types of blue. So blue is not just blue. That is why colour codes exist - so we can be sure we are getting the colours exactly right.

Typography and fonts

Typography involves font style, appearance, and structure, which aims to elicit certain emotions and convey specific messages.

Iconography

Iconography is the use of symbols and visual elements to convey specific meanings. Icons are used to represent features, functionality and more.

GRAPHICS

Graphics are visual languages, such as images and illustrations used to convey information or aesthetics. They enhance the visual appeal and communication of a design.

PHOTO STYLE

A photo style is a distinctive and consistent visual approach or aesthetic used to create a cohesive and recognisable look and feel in the images used throughout the website.

SECTION DIVIDERS

A section divider is a visual or design element used to separate distinct content sections or segments on a webpage. It serves both a functional and aesthetic purpose, helping users navigate the page by visually breaking up the content into easily digestible parts.

BUTTON STYLE

A button style refers to the visual design and appearance of interactive buttons on a website. Button styles include attributes like color, size, shape, typography, and animations, which collectively create a consistent and visually appealing look for buttons throughout the website.

FORM STYLE

A form style on a website encompasses the visual design and layout of interactive forms. This includes elements like text fields, checkboxes, radio buttons, and submit buttons. Form styles address attributes such as spacing, typography and colours to create a cohesive and user-friendly form design.