Brand Guide

Welcome to our digital Brand Guide

Lorem ipsum amet consectetuer adipiscing elit penatibus imperdiet morbi dolor tortor. Vivamus nascetur eget iaculis mollis dolor nostra nibh nascetur ullam corper. Amet pharetra torquent adipiscing auctor tortor ultrices nibh imperdiet lobortis metus convallis. Felis velit sagittis natoque tellus inceptos semper taciti volutpat felis velit sagittis.

Pharetra montes fringilla habitant congue integer condimentum ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum massa adipiscing integer conubia. Lobortis massa ante velit nostra metus nullam auctor.

Our Brand

About Brand

Lorem ipsum amet adipiscing elit penatibus imperdiet morbi dolor tortor. Vivamus nascetur eget iaculis mollis dolor nostra magnis nascetur ullam corper.

Pharetra montes fringilla habitant congue integer condimentum ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas.

Core Beliefs

Lorem ipsum amet adipiscing elit penatibus imperdiet morbi dolor tortor. Vivamus nascetur eget iaculis mollis dolor nostra magnis nascetur ullam corper.

Pharetra montes fringilla habitant congue integer condimentum ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas.

Our Culture

Lorem ipsum amet adipiscing elit penatibus imperdiet morbi dolor tortor. Vivamus nascetur eget iaculis mollis dolor nostra magnis nascetur ullam corper.

Pharetra montes fringilla habitant congue integer condimentum ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas.

The Mission

Lorem ipsum amet adipiscing elit penatibus imperdiet morbi dolor tortor. Vivamus nascetur eget iaculis mollis dolor nostra magnis nascetur ullam corper.

Pharetra montes fringilla habitant congue integer condimentum ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas.

Identity

Alternate Colors

Lorem ipsum amet consectetuer adipiscing elit penatibus imperdiet morbi dolor tortor. Pharetra montes fringilla habitant congue integer condimentum ultricies nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas.

Black
Reverse Blue
Reverse Black

Logomark

Lorem ipsum amet consectetuer adipiscing elit penatibus imperdiet morbi dolor tortor. Pharetra montes fringilla habitant congue integer condimentum ultricies nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas.

Primary
Black
Reverse Blue
Reverse Black
Colors

Primary Colors

Lorem ipsum amet consectetuer adipiscing elit penatibus imperdiet morbi dolor tortor. Pharetra montes fringilla habitant congue integer condimentum ultricies nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas.

Hex – #3832b8
RGB – 56 50 184
Hex – #2c51f5
RGB – 44 81 245
Hex – #60089c
RGB – 96 8 156
Hex – #111111
RGB – 17 17 17

Shades

#c8c6f0
#a19ee5
#7b76da
#3832b8
#2c2790
#201c68
#131140
#eff2fe
#bec9fc
#8da1fa
#2c51f5
#0b33e3
#0828b3
#061d82
#cd8bf9
#b556f6
#9e21f4
#60089c
#4e077f
#3c0562
#2a0445
#fafafa
#e2e2e2
#aaaaaa
#888888
#444444
#333333
#111111

Website Colors

This site uses a custom GeneratePress Premium Global Colors palette. Edits to the Global Colors settings in the customizer will change all instances of each color on the website. Add additional colors or remove as needed.

text
text-link
text-link-hover
text-lite
text-lite-hover
headline
headline-hover
button
button-hover
background-body
background-dark
background-lite
primary-accent
secondary-accent
white

Gradients

Blue Gradient – Linear 140deg, #3832b8, #2c51f5
Purple Gradient – Linear 140deg, #60089c, #3832b8
Typography

Typeface

Brand’s typeface is Inter by Rasmus Andersson. The following weights are used:

Inter Regular – 400

Inter Medium – 500

Inter Semi Bold – 600

Inter Bold – 700

Headings

Small Div Headline (div.gb-headline) | Inter | 600 | 15px | Color (headline)
Focusing on the past or future mindlessly is a waste of time.
Caps Div Headline (div.gb-headline) | Inter | 600 | 15px | Color (primary-accent) | Uppercase | Letter Spacing .1em
focusing on the past or future mindlessly is a waste of time
H1 | Inter | 700 | Desktop & Tablet 40px | Mobile 36px | Line Height 1.2em | Color (headline)

I now understand that focusing on the past or future mindlessly is a waste of time. All that matters is how well I’m able to experience what I’m doing now.

H2 | Inter | 700 | Desktop & Tablet 30px | Mobile 26px | Line Height 1.3em | Color (headline)

I now understand that focusing on the past or future mindlessly is a waste of time. All that matters is how well I’m able to experience what I’m doing now.

H3 | Inter | 600 | Desktop & Tablet 24px | Mobile 22px | Line Height 1.4em | Color (headline)

I now understand that focusing on the past or future mindlessly is a waste of time. All that matters is how well I’m able to experience what I’m doing now.

H4 | Inter | 600 | Desktop & Tablet 20px | Mobile 18px | Line Height 1.5em | Color (headline)

I now understand that focusing on the past or future mindlessly is a waste of time. All that matters is how well I’m able to experience what I’m doing now.

Text & Quotes

Body Text | Inter | 400 | 18px | Line Height 1.6em | Color (text)

Lorem ipsum amet consectetuer adipiscing elit penatibus imperdiet morbi dolor tortor. Vivamus nascetur eget iaculis mollis dolor nostra nibh nascetur ullam corper. Amet pharetra torquent adipiscing auctor tortor ultrices nibh imperdiet lobortis metus convallis. Felis velit sagittis natoque tellus inceptos semper taciti volutpat felis velit sagittis.

Pharetra montes fringilla habitant congue integer condimentum ultricies nisi dui nullam placerat semper. Aliquet magnis consequat nulla pulvinar maecenas ipsum imperdiet maximus. Integer primis cubilia vivamus aptent eros gravida rutrum dignissim massa adipiscing integer conubia. Lobortis massa ante velit nostra vulputate metus nullam auctor.

Quotes | Inter | 500 | 20px | Line Height 1.6em | Color (text-lite) | Left Margin 40px | Border 8px (background-lite)

Lorem ipsum amet consectetuer adipiscing elit penatibus imperdiet morbi dolor tortor. Vivamus nascetur eget iaculis mollis dolor nostra nibh nascetur ullam corper. Amet pharetra torquent adipiscing auctor tortor ultrices nibh imperdiet lobortis metus convallis.

Components

Buttons

Inter | 600 | 18px | Color (button) | Padding 12px 22px | Border 6px
Inter | 600 | 18px | Color (button) | Uppercase | Letter Spacing .1em

Icons

Bootstrap Icons SVG HTML | 40px | Color (secondary-accent)

Social Buttons

Bootstrap Icons SVG HTML | 24px | Color (button)

Accents

Headline Block SVG HTML | 120px | Color (secondary-accent)
Images

Photos

Social Media

Profile Images

Logomark should be 50% of the image size

Banner Images

Twitter 1500 x 500 | Facebook 851 x 315 | LinkedIn 1128 x 191
Blue Gradient Overlay – Image Opacity 20%
Purple Gradient Overlay – Image Opacity 20%