Theme Styles
Symbols
Get Template

Webflow Style Guide

Coach X is a Webflow e-commerce template designed for gyms and fitness coaches. It was designed and developed by the BRIX Templates team.

Buy Template

Colors

Primary Colors

First Grade
#FF3F56

Secondary Colors

7th Grade
#FFE1E6

Neutral Colors

Neutral 800
#19181B
Neutral 700
#56555C
Neutral 600
#7A7B85
Neutral 500
#ACACB2
Neutral 400
#E0E0E2
Neutral 300
#F2F3F3
Neutral 200
#F9F9F9
Neutral 100
#FFFFFF

Typography

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 60px/1.167em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 38px/1.289em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 24px/1.417em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/1.545em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/1.611em
Heading H6 - Aa Bb Cc Dd
Heading 6 - 16px/1.375em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Paragraph Small - 15px/1,800em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default - 18px/1.667em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Large Paragraph - 24px/1.583em
Link - Lorem ipsum dolor sit amet
Links

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text
“Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus vascilus.”
Block Quote
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
Bulleted List
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing.
Numbered List
Yoga Instructor - Fitness X Webflow Template
Viverra is an unspoiled treasure. In the heart of the earth
Figure and Figure Caption

Rounded Line Icons

Line Icons Square

Filled Icons

Social Media Icons

Icon Fonts

Icons

Years of Experience - Fitness X Webflow Template1-on-1 Training - Fitness X Webflow TemplateNutrition and Diet - Fitness X Webflow TemplateCertified Trainer - Fitness X Webflow TemplateSupport and Motivation - Fitness X Webflow TemplateCommitment - Fitness X Webflow TemplateCommitment - Fitness X Webflow TemplateTeam Work - Fitness X Webflow TemplateMotivation - Fitness X Webflow TemplatePassion - Fitness X Webflow Template

Buttons

Small
Primary - Small
Default
Primary - Default
Large
Primary - Large
Small
Secondary - Small
Default
Secondary - Default
Large
Secondary - Large

Cards

Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit. The border is tortor, with a nisl-colored edge. The border is nisl-colored.