Branding
ONLINE FITNESS CLUB FOR WOMEN
Logos & Images
FAVICON
PRIMARY
Colours
Primary Colours
#DF949D
brandcolor-1
text-brandcolor-1
PRIMARY1
#e3bbbd
brandcolor-2
text-brandcolor-2
PRIMARY2
#f7f0da
brandcolor-3
text-brandcolor-3
PRIMARY3
#97976a
brandcolor-4
text-brandcolor-4
PRIMARY4
#6e5e4f
brandcolor-5
text-brandcolor-5
PRIMARY5
Default Colours
#252420
brandcolor-6
text-brandcolor-6
DEFAULT1
#3A3A34
brandcolor-7
text-brandcolor-7
DEFAULT2
#6A6A62
brandcolor-8
text-brandcolor-8
DEFAULT3
#DDD9D0
brandcolor-9
text-brandcolor-9
DEFAULT4
#ffffff
brandcolor-10
text-brandcolor-10
DEFAULT5
Aux Colours
#5d6570
brandcolor-11
text-brandcolor-11
#69727e
brandcolor-12
text-brandcolor-12
#EDE8DC
brandcolor-13
text-brandcolor-13
Grey Sage
#F5F0E8
brandcolor-14
text-brandcolor-14
Cream White
#FAFAF5
brandcolor-15
text-brandcolor-15
Transparent Colours
#282828
brandcolor-16
text-brandcolor-16
rgba(40, 40, 40, 0.81)
brandcolor-17
text-brandcolor-17
rgba(40, 40, 40, 0.73)
brandcolor-18
text-brandcolor-18
rgba(227, 187, 189, 0.58)
brandcolor-19
text-brandcolor-19
rgba(255, 215, 0, 0.05)
brandcolor-20
text-brandcolor-20
Hover
Gradients
grcolor-1
GRADIENT1
grcolor-2
GRADIENT2
grcolor-3
GRADIENT3
grcolor-4
GRADIENT4
grcolor-5
GRADIENT5
Buttons & Links
Click me
btn-1
Transparent CTA for dark bg
Click me
btn-2
Main CTA
Click me
btn-3
CTA for dark bg
Click me
btn-4
Main CTA
Click me
btn-5
CTA for white bg
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
Pinterest
Youtube
Fonts
h1
Montserrat
Branding Color 6
#252420
1.5rem
23.94px
1.69rem
27.0px
1.87rem
29.88px
1.97rem
31.5px
2.25rem
36.0px
Lorem ipsum dolor sit amet
h2
Montserrat
Branding Color 6
#252420
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
Montserrat
Branding Color 6
#252420
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
Montserrat
Branding Color 6
#252420
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
Montserrat
Branding Color 6
#252420
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
Montserrat
Branding Color 6
#252420
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
Montserrat
Branding Color 7
#3A3A34
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
Montserrat
Branding Color 7
#3A3A34
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
Marketplace
