Branding
Level up your music career
Logos & Images

FAVICON

PRIMARY
Colours
Primary Colours
#34495e
brandcolor-1
text-brandcolor-1
PRIMARY1
#496179
brandcolor-2
text-brandcolor-2
PRIMARY2
#15b9b2
brandcolor-3
text-brandcolor-3
PRIMARY3
#829db8
brandcolor-4
text-brandcolor-4
PRIMARY4
#6b829b
brandcolor-5
text-brandcolor-5
PRIMARY5
Default Colours
#000000
brandcolor-6
text-brandcolor-6
DEFAULT1
#282828
brandcolor-7
text-brandcolor-7
DEFAULT2
#4e4e4e
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
rgba(255, 255, 255, 0.99)
brandcolor-12
text-brandcolor-12
#f4f8fb
brandcolor-13
text-brandcolor-13
rgba(244, 248, 251, 0.995)
brandcolor-14
text-brandcolor-14
Background image overlay
rgba(236, 240, 241, 0.83)
brandcolor-15
text-brandcolor-15
rgba(42, 42, 42, 0.63)
brandcolor-16
text-brandcolor-16
#22303f
brandcolor-17
text-brandcolor-17
rgba(42, 42, 42, 0.63)
brandcolor-18
text-brandcolor-18
#c91557
brandcolor-19
text-brandcolor-19
rgba(42, 42, 42, 0.63)
brandcolor-20
text-brandcolor-20
Transparent Colours
rgba(52, 73, 94, 0.6)
brandcolor-21
text-brandcolor-21
rgba(68, 92, 116, 0.58)
brandcolor-22
text-brandcolor-22
rgba(90, 116, 143, 0.6)
brandcolor-23
text-brandcolor-23
rgba(244, 248, 251, 0.99)
brandcolor-24
text-brandcolor-24
rgba(166, 184, 201, 0.63)
brandcolor-25
text-brandcolor-25
Gradients
#56718b
#34495e
grcolor-1
GRADIENT1
#34495e
#ffffff
grcolor-2
GRADIENT2
#7490ac
#5a7692
grcolor-3
GRADIENT3
#5d5d5d
#282828
grcolor-4
GRADIENT4
rgba(52, 73, 94, 0.7)
#34495e
grcolor-5
GRADIENT5
Buttons & Links
Click me
btn-1
Click me
btn-2
Click me
btn-3
Click me
btn-4
CURRENT PLAN
btn-5
Click me
btn-6
Click me
btn-7
Marketplace Access
Click me
btn-8
Sign Up
btn-9
Nav Login
Sign Up
btn-10
Login/Sign up
Click me
btn-11
Click me
btn-12
Click me
btn-13
Click me
btn-14
Click me
btn-15
Links
Example Link
link-1
Example Link
link-2
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
Twitter
YouTube
Fonts
h1
Alice
Branding Color 1
#34495e
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
Alice
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
Hind
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
Hind
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
Hind
Branding Color 7
#282828
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
Hind
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
Hind
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
Hind
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.
Vertical Cards
card-1
card-2
card-3
card-4
card-5
Horizontal Cards
card-11
card-12
card-13
card-14
card-15