Branding and Guidelines

This design system serves as our brand guidelines.

Brand Identity

Brand Identity - The Way We See It

Our brand role defines how we do things, what we believe in, and how we present ourselves - it is our visual representation of our team, beliefs, values, and goals.

Colours

Colours

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Main Colours

Bold Purple
#6200F2
Night Purple
#5200CA

Secondary Colours

Highlight Purple
#8133f4
Off Blue
#0000a0

State Colours

Midnight Blue
#0000a0
Light Background
#8133f4
White Smoke
#f1f1f1
Background Black
#000036
Typography

Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Main Heading Type

H1

Lorem ipsum dolor sit amet

H2

Lorem ipsum dolor sit amet

H3

Lorem ipsum dolor sit amet

H4
Lorem ipsum dolor sit amet
H5
Lorem ipsum dolor sit amet
H6

The quick brown fox jumps over a lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Paragraph
Lorem ipsum dolor sit amet
Block Quote
Lorem ipsum
Text Link
Lorem ipsum
Text Link alt
Comonents - Buttons

Components - Our Special Touch

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Comonents - Cards

Components - Blog Styling

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content,add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

Image caption goes here
Image Alt: This is an image description, This is just aheading 6

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

this is a quote block, it emphasizes a key point or quote

Interested in creating your own design system?

Contact us to get your own design system.