Branding

Add company tagline here.

 

Logos & Images

FAVICON
PRIMARY
PRIMARY
 

Colours

Primary Colours
#1c2d51
brandcolor-1
text-brandcolor-1
PRIMARY1
#ffbc00
brandcolor-2
text-brandcolor-2
PRIMARY2
#00c49e
brandcolor-3
text-brandcolor-3
PRIMARY3
#7bbe00
brandcolor-4
text-brandcolor-4
PRIMARY4
#ff005d
brandcolor-5
text-brandcolor-5
PRIMARY5
Default Colours
#ff8100
brandcolor-6
text-brandcolor-6
DEFAULT1
#282828
brandcolor-7
text-brandcolor-7
DEFAULT2
#282828
brandcolor-8
text-brandcolor-8
DEFAULT3
#f5f3f0
brandcolor-9
text-brandcolor-9
DEFAULT4
#ffffff
brandcolor-10
text-brandcolor-10
DEFAULT5
Aux Colours
#494949
brandcolor-11
text-brandcolor-11
#efefef
brandcolor-12
text-brandcolor-12
#f4f8fb
brandcolor-13
text-brandcolor-13
rgba(21, 21, 21, 0.25)
brandcolor-14
text-brandcolor-14
brandcolor-15
text-brandcolor-15
#666e82
brandcolor-16
text-brandcolor-16
#f3d488
brandcolor-17
text-brandcolor-17
#77cbba
brandcolor-18
text-brandcolor-18
#9faf84
brandcolor-19
text-brandcolor-19
#e68daa
brandcolor-20
text-brandcolor-20
Transparent Colours
#282828
brandcolor-21
text-brandcolor-21
rgba(40, 40, 40, 0.81)
brandcolor-22
text-brandcolor-22
rgba(40, 40, 40, 0.73)
brandcolor-23
text-brandcolor-23
rgba(40, 40, 40, 0.68)
brandcolor-24
text-brandcolor-24
rgba(40, 40, 40, 0.05)
brandcolor-25
text-brandcolor-25
Hover

Gradients

#414141
#282828
grcolor-1
GRADIENT1
#000000
#282828
grcolor-2
GRADIENT2
#595959
#282828
grcolor-3
GRADIENT3
#686868
#282828
grcolor-4
GRADIENT4
#838383
#282828
grcolor-5
GRADIENT5
rgba(255, 255, 255, 0)
#282828
grcolor-6
rgba(255, 255, 255, 0)
#2e2e2e
grcolor-7
rgba(255, 255, 255, 0)
#efefef
grcolor-8
rgba(255, 255, 255, 0)
#282828
grcolor-9
rgba(255, 255, 255, 0)
#282828
grcolor-10
 

Buttons & Links

Click me
btn-1
Main CTA
Click me
btn-2
Secondary CTA
Click me
btn-3
Login CTA
Click me
btn-4
White CTA
Click me
btn-5
Login CTA
Click me
btn-6
Login CTA
Links
Example Link
link-1
Main link
Example Link
link-2
Link for dark bg
Example Link
link-3
Example Link
link-4
Example Link
link-5
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
YouTube
 

Fonts

h1

Poppins

Custom Color 6
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

Poppins

Branding Color 7
#282828
1.43rem
22.8px
1.43rem
22.8px
1.61rem
25.71px
1.78rem
28.46px
1.88rem
30.0px

Lorem ipsum dolor sit amet, consectetuer adipiscing

h3

Poppins

Branding Color 7
#282828
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

Open Sans

Branding Color 7
#282828
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
Open Sans
Custom Color 6
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
Open Sans
Custom Color 6
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

Open Sans
Branding Color 7
#282828
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
Open Sans
Branding Color 7
#282828
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 Menu

  •  
  • User Avatar
  • User Name
 
 

Vertical Cards

Tag 1
Tag 2
Tag 3
Tag 4
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.
$9.99
Buy Now
card-1
Tag 1
Tag 2
Tag 3
Tag 4
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.
$9.99
Buy Now
card-2
Tag 1
Tag 2
Tag 3
Tag 4
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.
$9.99
Buy Now
card-3
Tag 1
Tag 2
Tag 3
Tag 4
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.
$9.99
Buy Now
card-1

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
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-12
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-13