Ravissante Realty

Style Guide

Welcome to the Ravissante Realty Style Guide! This guide is designed to make your realty website feel polished, cohesive, and easy to manage.

You’ll find clear guidance on typography, color usage, and visual elements so every page you create stays consistent and on-brand. Whether you’re adding new listings or updating content, these standards help ensure your site always looks professional, inviting, and thoughtfully put together.

Colors

#18141c
RR Gold
#18141c
RR Light Gold
#18141c
RR Pale Gold
#18141c
RR Medium GOld
#18141c
RR Dark Gold
#18141c
RR Cinder
#18141c
RR Slate
#18141c
RR Gray
#18141c
RR Light Gray

Typography

Fonts
Krona One

Krona One is a Google font found at https://fonts.google.com/specimen/Krona+One?preview.script=Latn.

Material Symbols Outlined

The Material Symbols Outlined uses keywords to display different icons. Keywords for icons using this font can be found at https://fonts.google.com/icons.

To use, add a Text element, add (or reuse an existing) class using the Material Symbols Outlined font and simply type in the keyword. For an example, click on one of the icons below, note the font family used, and then click the Settings tab in Webflow Designer to view the keyword.

Bed
shower
square_foot
house
pets
location_on
Headings

Heading 1

Heading 1 • 64px • Mobile, 38px

Heading 2

Heading 2 • 48px • Mobile, 34px

Heading 3

Heading 3 • 24px • Mobile, 20px

Heading 4

Heading 4 • 24px • Mobile, 24px
Heading 5
Heading 5 • 16px • Mobile, 16px
Heading 6
Heading 6 • 14px • Mobile, 16px
Text Gold
class "Text Gold" works for all Text that can have a class applied
Paragraphs

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.

Paragraph • 16px • Mobile, 16px

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.

Paragraph • 25px • Mobile, 18px
Links & Buttons
Text Link
Text Link • Inherits Font Size
Button PrimaryButton SecondaryButton Search
Lists

  1. 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.

  2. 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.

  3. 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.

  • 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.

  • 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.

  • 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.

Blockquotes
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.
Forms
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Rich Text Elements

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Logos

Revissante Realty
Revissante Realty
Revissante Realty