cactusberryLodgeCapeTown
Primary Logo @x-large
cactusberryLodgeCapeTown
Primary Logo @medium
cactusberryLodgeCapeTown
Primary Logo @large
Color Palette
Color variations should be achieved by adjusting lightness on hsl values. Opacity can be managed using rgba.
Primary
#7a2a26
rgb(122, 42, 38)
t: has-primary-color
b: has-primary-background-color
Secondary
#5e201e
rgb(94, 32, 30)
t: has-secondary-color
b: has-secondary-background-color
Accent
#e0d49a
rgb(224, 212, 154)
t: has-accent-color
b: has-accent-background-color
Page
#fff9ea
rgb(255, 249, 234)
t: has-page-color
b: has-page-background-color
Black
#111111
rgb(17, 17, 17)
t: has-black-color
b: has-black-background-color
Dark
#333333
rgb(51, 51, 51)
t: has-dark-color
b: has-dark-background-color
Light Gray
#b3b3b3
rgb(179, 179, 179)
t: has-light-gray-color
b: has-light-gray-background-color
White
#ffffff
rgb(255, 255, 255)
t: has-white-color
b: has-white-background-color
Icons
Typography
Aa
Primary Typeface
Michroma
Google font | Weight: 400
Aa | Bb | Cc | Dd | Ee | Ff |
Gg | Hh | Ii | Jj | Kk | Ll |
Mm | Nn | Oo | Pp | Rr | |
Ss | Tt | Uu | Vv | Ww | Xx |
Yy | Zz | 0 | 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vehicula tristique est. Cras tincidunt orci eget justo laoreet facilisis.
Aa
Secondary Typeface
Roboto Flex
Google font | Weight: 200, 400, 700, 900
Aa | Bb | Cc | Dd | Ee | Ff |
Gg | Hh | Ii | Jj | Kk | Ll |
Mm | Nn | Oo | Pp | Rr | |
Ss | Tt | Uu | Vv | Ww | Xx |
Yy | Zz | 0 | 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vehicula tristique est. Cras tincidunt orci eget justo laoreet facilisis.
Aa
Accent Typeface
Caveat
Google font | Weight: 400, 700
Aa | Bb | Cc | Dd | Ee | Ff |
Gg | Hh | Ii | Jj | Kk | Ll |
Mm | Nn | Oo | Pp | Rr | |
Ss | Tt | Uu | Vv | Ww | Xx |
Yy | Zz | 0 | 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vehicula tristique est. Cras tincidunt orci eget justo laoreet facilisis.
Spacing
Root font size is 10px, base font size is 1.6rem (16px)