Styleguide

Wes Theme styleguide features a minimalist design by using two carefully selected fonts. These fonts are chosen to create a professional and sophisticated aesthetic, ensuring the website maintains a consistent and cohesive appearance throughout.

Color Variables

The theme use the local variables system.
You can modify the colors directly in the webflow’s local variables settings.

Colors Foundation

PrimaryDark

SecondaryDark

TertiaryDark

PrimaryLight

SecondaryLight

TertiaryLight

Typography

Primary Font

Playfair

Playfair is well suited for general purpose typesetting. Playfair can be interpolated in three dimensions: Width, Weight and Optical Size.The optical size axis is the most extreme of the axes. An update in June 2023 slightly modifies the width axis, giving the text a narrower appearance.In February 2025, a glyphset update improves the language support by adding African.

Heading, Paragraph and List

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Paragraph

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.

List
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
List
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

Combo Box

Typography Sizes
fsize-H1
fsize-H2
fsize-H3
fsize-H4
fsize-H5
fsize-H6
fsize-Default
fsize-Small
fsize-Xsmall
Capitalize
AllCaps
Capitalize Every word
Text Align
Align Right
Centered