West Side Tennis Club
Style Guide
Typography
Fonts, sizes, colors, and all that good stuff. A great resource for keeping your type sizing looking tight is to reference Type Scale.
H1 Heading Lustria - 45pt
H2 Heading Lustria - 40pt
H3 Heading Kumbh Sans - 37pt
H4 Heading Kumbh Sans - 28pt
H5 Heading Kumbh Sans - 24pt
H6 Heading Kumbh Sans - 20pt
Paragraph text Kumbh Sans - 22pt/1.5 line space
Blog Paragraph text Kumbh Sans - 18pt/1.5 line space
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- This is a ordered list
- Lists are awesome
- Everyone loves a list
This is a Blockquote:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Button Use
Forms
Form buttons will use the "CTA-Primary" class as a default. If you need a white button, use the form option to "Select Alt Button" and the CTA-Five (white solid) will be used.
CTAs
Example buttons:
cta-primary →cta-secondary →
cta-five →