Element Style Guide

This style guide provides a central location to make broad stylistic changes to your site. Updating colors, typography and some graphic elements is quick and easy with the use of Webflow's visual website builder. If you need additional help, Webflow University provides a robust library of videos, tutorials and resources.

Visit Webflow University

Theme Styles

Colors

Theme Dark Gold
Theme Gold
Theme Red
Theme Black
Theme Grey
Theme Blue
Button Outline
Form Text
Stretcher
Whatsapp

Typography

Heading 1 Default

Heading 1

Heading 2 Default / font-size s

Heading 2

Heading 3 Default

Heading 3

Heading 4 Default

Heading 4

Title XXL (HDB)

AABBCC

Title XL (CONTACT)

AABBCC

Title L (contact "US" / "featured" listing)

AABBCC

Title M (FOR SALE / featured "listing")

AABBCC

Title S (Form's Title / H2)

AABBCC

Title XS (News Title)

AABBCC

[vacant] Heading 5
AaBbCc
[vacant] Heading 6
AaBbCc
Tag Line

AABBCC

Leading Text

Lorem ipsum 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

Lorem ipsum 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

description title

Purchase your next property with confidence, supported and served by trusted Property Strategists.

description

Purchase your next property with confidence, supported and served by trusted Property Strategists.

Caption — Source Sans Pro

Lorem ipsum 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.

Text Links

Lorem ipsum consectetur

Lorem ipsum consectetur

Text Links
Text Links for Dynamic / Blog / New Launch Page

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.

Link Blocks
Italics— Source Sans Pro

Lorem ipsum 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.

Bold Text — Source Sans Pro

Lorem ipsum 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.

[vacant] Block Quotes
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
[vacant] Numbered List
  1. Lorem ipsum consectetur adipiscing elit.
  2. Lorem ipsum consectetur adipiscing elit.
  3. Lorem ipsum consectetur adipiscing elit.
Unumbered List
  • Lorem ipsum consectetur adipiscing elit.
  • Lorem ipsum consectetur adipiscing elit.
  • Lorem ipsum consectetur adipiscing elit.
[vacant] Figures & Captions
Lorem ipsum consectetur adipiscing elit.

Buttons

Button defaultButton defaultButton defaultButton defaultButton default
button default
button default

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.