Logos Colors Buttons Icons Fonts Marketing User Menu Sidebar Cards
 

Branding

Don't Build a Website, Build a LaunchPAD

 

Logos & Images

FAVICON
PRIMARY
 

Colours

Primary Colours
#f9be1a
brandcolor-1
text-brandcolor-1
PRIMARY1
#3f1555
brandcolor-2
text-brandcolor-2
PRIMARY2
rgba(249, 190, 26, 0.63)
brandcolor-3
text-brandcolor-3
PRIMARY3
#715481
brandcolor-4
text-brandcolor-4
PRIMARY4
#8b7297
brandcolor-5
text-brandcolor-5
PRIMARY5
Default Colours
#000000
brandcolor-6
text-brandcolor-6
DEFAULT1
#282828
brandcolor-7
text-brandcolor-7
DEFAULT2
#282828
brandcolor-8
text-brandcolor-8
DEFAULT3
#ecf0f1
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(21, 21, 21, 0.25)
brandcolor-14
text-brandcolor-14
brandcolor-15
text-brandcolor-15
rgba(249, 190, 26, 0.19)
brandcolor-16
text-brandcolor-16
brandcolor-17
text-brandcolor-17
brandcolor-18
text-brandcolor-18
rgba(255, 60, 54, 0)
brandcolor-19
text-brandcolor-19
brandcolor-20
text-brandcolor-20
Transparent Colours
#644276
brandcolor-21
text-brandcolor-21
#4f3b5a
brandcolor-22
text-brandcolor-22
#444444
brandcolor-23
text-brandcolor-23
#fccd5b
brandcolor-24
text-brandcolor-24
#818181
brandcolor-25
text-brandcolor-25
Hover

Gradients

#414141
#282828
grcolor-1
GRADIENT1
#000000
#282828
grcolor-2
GRADIENT2
#000000
#ffffff
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
Transparent CTA for dark bg
Click me
btn-3
CTA for dark bg
Click me
btn-4
CTA with no borders to add gradient
Click me
btn-5
CTA for white bg
Click me
btn-6
Marketplace Access
btn-7
Click me
btn-8
Hero 2 Reverse
Click me
btn-9
Hero 1 Solid
Click me
btn-10
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
Example Link
link-6
Example Link
link-7
Example Link
link-8
Example Link
link-9
Example Link
link-10
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
#000000
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 7
#282828
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 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

Roboto

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
Roboto
Branding Color 6
#000000
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 7
#282828
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 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
Roboto
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
  • LaunchPAD
    •
User Avatar
LaunchPAD
PROFILE
Home
Course
Courses
Logout
 

Sidebar

 

Vertical Cards

Tag 1
Tag 2
Tag 3
Tag 4
Matthias Tanzmann House


House/Tech House Coach
Moon Harbour Label Boss, Circoloco resident with releases on Dirtybird, Saved and one third of Better Lost than Stupid with Martin Buttrich & Davide Squillace

$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-4
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-5
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-6

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
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-14
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-15
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-16