Logos Colors Buttons Icons Fonts Marketing User Menu Sidebar Cards
 

Branding

GKR Online Karate & Fitness Academy

 

Logos & Images

FAVICON
PRIMARY
 

Colours

Primary Colours
#cd2435
brandcolor-1
text-brandcolor-1
PRIMARY1
#9e151f
brandcolor-2
text-brandcolor-2
PRIMARY2
#6d6d6d
brandcolor-3
text-brandcolor-3
PRIMARY3
#272d33
brandcolor-4
text-brandcolor-4
PRIMARY4
#fafafa
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
#e7e8e8
brandcolor-9
text-brandcolor-9
DEFAULT4
#ffffff
brandcolor-10
text-brandcolor-10
DEFAULT5
Aux Colours
#aaaaaa
brandcolor-11
text-brandcolor-11
#ffffff
brandcolor-12
text-brandcolor-12
#e0e0e0
brandcolor-13
text-brandcolor-13
rgba(21, 21, 21, 0.25)
brandcolor-14
text-brandcolor-14
brandcolor-15
text-brandcolor-15
#4169e1
brandcolor-16
text-brandcolor-16
#bbbbbb
brandcolor-17
text-brandcolor-17
#cccccc
brandcolor-18
text-brandcolor-18
#dddddd
brandcolor-19
text-brandcolor-19
#eeeeee
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
#ffc225
brandcolor-25
text-brandcolor-25
Hover
rgba(255, 255, 255, 0.75)
brandcolor-26
text-brandcolor-26
Transparent White
Belt Colours
#ffffff
brandcolor-27
text-brandcolor-27
White Belt
#ffc225
brandcolor-28
text-brandcolor-28
Yellow Belt
#ff5b42
brandcolor-29
text-brandcolor-29
Orange Belt
#085c3c
brandcolor-30
text-brandcolor-30
Green Belt
#14497f
brandcolor-31
text-brandcolor-31
Blue Belt
#d52934
brandcolor-32
text-brandcolor-32
Red Belt
#705940
brandcolor-33
text-brandcolor-33
Brown Belt
#24201d
brandcolor-34
text-brandcolor-34
Black Belt
#4169e1
brandcolor-35
text-brandcolor-35
Pilates Workshop
#03989e
brandcolor-36
text-brandcolor-36
#03989E
#034e5b
brandcolor-37
text-brandcolor-37
#034e5b
#fbfbfb
brandcolor-38
text-brandcolor-38
#fbfbfb
#343333
brandcolor-39
text-brandcolor-39
#343333
#032d34
brandcolor-40
text-brandcolor-40
#032d34
#dfd1a5
brandcolor-41
text-brandcolor-41
#dfd1a5

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
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
Click me
btn-11
Large CTA Button
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
Bold Link
link-11
Main link bold
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
X
YouTube
Pilates
Belt
 

Fonts

h1

Open Sans

Branding Color 6
#000000
1.33rem
21.25px
1.59rem
25.5px
1.86rem
29.75px
1.86rem
29.75px
2.13rem
34.0px

Lorem ipsum dolor sit amet

h2

Open Sans

Branding Color 7
#282828
1.25rem
20.0px
1.33rem
21.28px
1.75rem
28.0px
1.66rem
26.56px
1.75rem
28.0px

Lorem ipsum dolor sit amet, consectetuer adipiscing

h3

Open Sans

Branding Color 7
#282828
1.36rem
21.69px
0.9rem
14.46px
1.58rem
25.3px
1.54rem
24.58px
1.5rem
24.0px

Lorem ipsum dolor sit amet, consectetuer adipiscing

h4

Open Sans

Branding Color 7
#282828
1.04rem
16.67px
1.25rem
20.0px
1.46rem
23.33px
1.11rem
17.73px
1.25rem
20.0px

Lorem ipsum dolor sit amet, consectetuer adipiscing

h5
Open Sans
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
Open Sans
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

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
  • GKR Online Student
    •
User Avatar
GKR Online Student
ACCOUNT
Home
Course
Courses
Logout
 

Sidebar

 

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-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
Card
Tag 1
Tag 2
Tag 3
Tag 4
Drills for Strength & Agility
Improve your strength, agility, and technique with engaging warm-up exercises, powerful kicks, footwork drills, stances and strikes in this high-energy class.
card-7
Template for Search cards
Tag 1
Tag 2
Tag 3
Tag 4
Drills for Strength & Agility
Improve your strength, agility, and technique with engaging warm-up exercises, powerful kicks, footwork drills, stances and strikes in this high-energy class.
card-8
Category Card
Tag 1
Tag 2
Tag 3
Tag 4
Drills for Strength & Agility
Improve your strength, agility, and technique with engaging warm-up exercises, powerful kicks, footwork drills, stances and strikes in this high-energy class.
card-9
Tag 1
Tag 2
Tag 3
Tag 4
Drills for Strength & Agility
Improve your strength, agility, and technique with engaging warm-up exercises, powerful kicks, footwork drills, stances and strikes in this high-energy class.
card-10
Primary card with belt
Tag 1
Tag 2
Tag 3
Tag 4
Drills for Strength & Agility
Improve your strength, agility, and technique with engaging warm-up exercises, powerful kicks, footwork drills, stances and strikes in this high-energy class.
card-17
tg1
Tag 1
Tag 2
Tag 3
Tag 4
Drills for Strength & Agility
Improve your strength, agility, and technique with engaging warm-up exercises, powerful kicks, footwork drills, stances and strikes in this high-energy class.
card-18
tg2
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.
card-20
Barre - Liz - Class 1
Access to Pilates videos is made possible by our collaboration with The Pilates Workshop
card-21
Pilates card
Tag 1
Tag 2
Tag 3
Tag 4
Drills for Strength & Agility
Improve your strength, agility, and technique with engaging warm-up exercises, powerful kicks, footwork drills, stances and strikes in this high-energy class.
card-22
General class card

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