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

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

AABBCC

H1 Listing Page - "property" for sale in singapore

Property

Title XL (CONTACT)

AABBCC

H2 Contact form - "Contact" us

CONTACT

H1 Buy with us page - "Buy" with us & other pages' title

BUY

Title L - heading-2-line-1(contact "US" / "featured" listing)

AABBCC

H2 Homepage - "featured" listing & subsequent section title

FEATURED

H2 Contact form - Contact "us"
H1 - Loan Calculator

Loan Calculator

Title M - heading-2-line-2 (FOR SALE / featured "listing")

AABBCC

H1 Listing Page - property "for sale in singapore"

FOR SALE IN SINGAPORE

H2 Homepage - featured "listing" & subsequent section title

LISTINGS

H2 Homepage - "cant find what you are looking..."

Cant Find What You're looking?

H1 Buy with us page - Buy "with us" & other pages' title

WITH US

H1 Blog/News Collection page - Blog title

News

H1 Property Page - Property Title (in the summary)

11 Jalan Lana

Title S (Form's Title / H2)

AABBCC

H2 - Buy with us page sub title- "New Launches" ... Our Services" ... & other page sub title

New Launches

Concierge

H2 - Our Team - Sales "Property Strategist", Member's position & Founders' Page

Property Strategist

Director and Co-Founder

Title XS (News Title)

AABBCC

H3 - Home News Section / H2 - blog page

AABBCC

H3 - Buy with us - Our Services - sub title x4

AABBCC

Title Just For Member's Name in Our-Team page - H3

AABBCC

Title Just For "Property address" title in dynamic property page - H3

Address geylang

Title Just For "relevant blog" title in dynamic blog page - H3

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
Text Links for Dynamic / Blog / New Launch Page
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.

Heading Style Guide

home hero banner content

Landed, HDB, CondominiumYour Real Estate journey in Singapore begins here

Buttons

Button defaultButton defaultButton defaultButton defaultButton 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.