Theme Styles
Symbols
Get Template

Webflow Style Guide

Job Board X is our latest Webflow Ecommerce Template designed to create a job board or job portal easily. It was designed & developed by the BRIX Templates team.

Buy Template

Colours

Primary Colors

Space Cadet
#16254C

Secondary Colors

Tiffany blue
#0BB3B7
Space Cadet Light 10
#F7FAFC
Ultramarine Blue
#446DF6
White
#FFFFFF
Purple
#7F7EFF

Neutral Colors

Space Cadet Dark 150
#0B1326
Space Cadet Dark 130
#0F1A35
Space Cadet Dark 110
#142144
Space Cadet Light 70
#43506F
Space Cadet Light 50
#AEAEC4
Space Cadet Light 30
#B3BAC7
Space Cadet Light 10
#F7FAFC
White
#FFFFFF

Typography

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 46px/1.348em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 32px/1.438em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 24px/1.625em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/1.273em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/1.444em
Heading H6 - Aa Bb Cc Dd
Heading 6 - 16px/1.500em

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.600em

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 - 16px/1.750em

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 Large - 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 adipisg lit. Amet a mattis arcu nunc eu porttitor lamcorper”
Block Quote
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
Bullet 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
Rich Text - Job Board X Webflow Template
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Figure and Figure Caption

Icons

Job Board X Webflow Template - WebclipSearch Icon - Job Board X Webflow TemplateUser Icon - Job Board X Webflow TemplatePremium Icon - Job Board X Webflow TemplateBuilding - Job Board X Webflow TemplateInfo Icon - Job Board X Webflow TemplatePhone Icon - Job Board X Webflow TemplateEmail Icon - Job Board X Webflow TemplateSupport - Job Board X Webflow TemplateBuildings - Job Board X Webflow TemplateGraph Icon - Job Board X Webflow TemplateLocation - Job Board X Webflow TemplatePortfolio - Job Board X Webflow Template

Buttons

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

Cards

Location
Chevron - Job Board X Webflow Template
Type
Chevron - Job Board X Webflow Template
Job sector
Chevron - Job Board X Webflow Template

Card Default

In hendrerit gravida rutrum quisque nonollis nunc sed id semper risus in hendrerit mpus urna et pharetra pharetra massa.

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.

Heading
Title
Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.