Branding

Don't Build a Website, Build a LaunchPAD

 

Logos & Images

FAVICON
PRIMARY
 

Colours

Primary Colours
#2c4397
brandcolor-1
text-brandcolor-1
PRIMARY1
#4763c9
brandcolor-2
text-brandcolor-2
PRIMARY2
#6e84d5
brandcolor-3
text-brandcolor-3
PRIMARY3
#8295da
brandcolor-4
text-brandcolor-4
PRIMARY4
#f30202
brandcolor-5
text-brandcolor-5
PRIMARY5
Default Colours
#141414
brandcolor-6
text-brandcolor-6
DEFAULT1
#c3c3c3
brandcolor-7
text-brandcolor-7
DEFAULT2
#e9e9e9
brandcolor-8
text-brandcolor-8
DEFAULT3
#f4f8fb
brandcolor-9
text-brandcolor-9
DEFAULT4
#ffffff
brandcolor-10
text-brandcolor-10
DEFAULT5
Aux Colours
#95a5a6
brandcolor-11
text-brandcolor-11
#ffffff
brandcolor-12
text-brandcolor-12
#f4f8fb
brandcolor-13
text-brandcolor-13
rgba(0, 0, 0, 0)
brandcolor-14
text-brandcolor-14
brandcolor-15
text-brandcolor-15
#426ac9
brandcolor-16
text-brandcolor-16
#fb8923
brandcolor-17
text-brandcolor-17
#1fb38c
brandcolor-18
text-brandcolor-18
#9e3dcd
brandcolor-19
text-brandcolor-19
#f90000
brandcolor-20
text-brandcolor-20
Transparent Colours
#282828
brandcolor-21
text-brandcolor-21
#1f1f1f
brandcolor-22
text-brandcolor-22
#232323
brandcolor-23
text-brandcolor-23
rgba(40, 40, 40, 0.66)
brandcolor-24
text-brandcolor-24
rgba(44, 67, 151, 0.05)
brandcolor-25
text-brandcolor-25
Hover

Gradients

#141414
#2c4397
grcolor-1
GRADIENT1
#2c4397
#141414
grcolor-2
GRADIENT2
#141414
#2c4397
grcolor-3
GRADIENT3
#e9e9e9
#f6f6f6
grcolor-4
GRADIENT4 | Colour 8 & 9
#282828
#2c4397
grcolor-5
GRADIENT1
 

Buttons & Links

Click me
btn-1
Main CTA
Click me
btn-2
Main CTA
Click me
btn-3
CTA for dark bg
Click me
btn-4
CTA with no borders to add gradient
Click me
btn-5
Main CTA
Click me
btn-6
Click me
btn-7
View Linked IN
btn-8
LinkedIN
Click me
btn-9
Hero 1 Solid
Click me
btn-10
Button Nav
Links
Example Link
link-1
Main link
Example Link
link-2
Main link
Example Link
link-3
link
Example Link
link-4
link
Example Link
link-5
link
Example Link
link-6
Reverse white link
Example Link
link-7
link
Example Link
link-8
link
Example Link
link-9
link
Example Link
link-10
link
Sample
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Example Link ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
 

Icons

Facebook
Instagram
LinkedIn
Twitter
YouTube
 

Fonts

h1

Roboto

Branding Color 6
#141414
1.41rem
22.61px
1.59rem
25.5px
1.76rem
28.22px
1.86rem
29.75px
2.13rem
34.0px

Lorem ipsum dolor sit amet

h2

Roboto

Branding Color 6
#141414
1.33rem
21.28px
1.33rem
21.28px
1.5rem
24.0px
1.66rem
26.56px
1.75rem
28.0px

Lorem ipsum dolor sit amet, consectetuer adipiscing

h3

Roboto

Branding Color 6
#141414
1.04rem
16.57px
1.1rem
17.63px
1.1rem
17.63px
1.24rem
19.88px
1.38rem
22.0px

Lorem ipsum dolor sit amet, consectetuer adipiscing

h4

Roboto

Branding Color 6
#141414
1.04rem
16.67px
1.04rem
16.67px
1.04rem
16.67px
1.11rem
17.73px
1.25rem
20.0px

Lorem ipsum dolor sit amet, consectetuer adipiscing

h5
Roboto
Branding Color 6
#141414
1.06rem
16.92px
1.06rem
16.92px
1.06rem
16.92px
1.06rem
16.92px
1.13rem
18.0px
Lorem ipsum dolor sit amet, consectetuer adipiscing
h6
Roboto
Branding Color 6
#141414
0.77rem
12.32px
0.88rem
14.0px
0.88rem
14.0px
0.88rem
14.0px
0.88rem
14.0px
Lorem ipsum dolor sit amet, consectetuer adipiscing

p

Roboto
Branding Color 6
#141414
1.0rem
16.0px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

html, body
Roboto
Branding Color 6
#141414
1.0em
16.0px
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
 
 

  •  
  • User Avatar
  • !!first-name!!
 
 

Vertical Cards

Tag 1
Tag 2
Tag 3
Tag 4
Welcome
Complete your account set-up and sign the Master Services Agreement so you we can start to grow your brand and your revenue!
Join Now
card-1
Tag 1
Tag 2
Tag 3
Tag 4
Welcome
Complete your account set-up and sign the Master Services Agreement so you we can start to grow your brand and your revenue!
Join Now
card-2
Tag 1
Tag 2
Tag 3
Tag 4
Welcome
Complete your account set-up and sign the Master Services Agreement so you we can start to grow your brand and your revenue!
Join Now
card-3
Tag 1
Tag 2
Tag 3
Tag 4
Christopher Brisley
I’m a digital entrepreneur with over 25 years experience & I'm passionate about conversion & optimization by driving change and growth through improved customer experiences.
LINKEDIN
card-4
LinkedIN Icon
Christopher Brisley
I’m a digital entrepreneur with over 25 years experience & I'm passionate about conversion & optimization by driving change and growth through improved customer experiences.
card-5
Tag 1
Tag 2
Tag 3
Tag 4
Christopher Brisley
I’m a digital entrepreneur with over 25 years experience & I'm passionate about conversion & optimization by driving change and growth through improved customer experiences.
LINKEDIN
card-6
No icon
Strategy
Development
Design
SEO
Qina.tech
Qina.tech is a custom designed search engine on the Kajabi platform. Qina is a strategic advisory and innovation company and platform that aims to provide market insights and domain expertise to create personalised nutrition solutions that impact health.
Wordpress migration, Software development, Membership system
LEARN MORE
card-7
Portfolio Slider 1 with Tags
Strategy
Development
Design
SEO
Qina.tech
Qina.tech is a custom designed search engine on the Kajabi platform. Qina is a strategic advisory and innovation company and platform that aims to provide market insights and domain expertise to create personalised nutrition solutions that impact health.
Wordpress migration, Software development, Membership system
LEARN MORE
card-8
Portfolio Slider 1 with Tags

Horizontal Cards

My Card
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
card-11
Default Dashboard
Welcome to Motivation!
Complete your account set-up and sign the Master Services Agreement so you we can start to grow your brand and your revenue!new, futuristic way of building a Kajabi website.
card-12
Active Onboarding
Welcome to Motivation!
Complete your account set-up and sign the Master Services Agreement so you we can start to grow your brand and your revenue!new, futuristic way of building a Kajabi website.
card-13
Inactive Onboarding
Welcome to Motivation!
Complete your account set-up and sign the Master Services Agreement so you we can start to grow your brand and your revenue!new, futuristic way of building a Kajabi website.
card-14
Active
Welcome to Motivation!
Complete your account set-up and sign the Master Services Agreement so you we can start to grow your brand and your revenue!new, futuristic way of building a Kajabi website.
card-15
Careers
Welcome to Motivation!
Complete your account set-up and sign the Master Services Agreement so you we can start to grow your brand and your revenue!new, futuristic way of building a Kajabi website.
card-16
Careers