Template
Style Guide
Colors, text styles and buttons used across Perform. Colors are Variables and text styles are classes, so a change here updates the whole site.
Colors
#000000
#555555
#888888
#999999
#CCCCCC
#E1E1E1
#F2F2F2
#FFFFFF
#F5B614
Typography
H1 · heading-style-h1 · 72 px
Level Up Your Performance
H2 · heading-style-h2 · 52 px
Coaching plans
H3 · heading-style-h3 · 32 px
From beginners to seasoned pros
H4 · heading-style-h3-smaller · 20 px
What kind of training plans do you offer?
H5 · heading-style-h5 · 18 px
Weekly check-ins and plan updates
H6 · heading-style-h6 · 16 px
Race strategy
Paragraph · text-size-regular · 16 px
Improve your triathlon performance with personalized training plans guided by an experienced coach committed to your success.
Small · text-size-small · 14 px
I offer personalized training plans tailored to each athlete's goals, whether you're a beginner or an advanced triathlete.
Button text · text-style-button · 16 px
Link · utility_link
Write to info@example.com any time.
List · utility_list
- Free initial consultation
- Coaching via the TrainingPeaks App
- Weekly checking
Blockquote · styleguide_quote
With the right coaching, I was able to push past my limits.