logo brand house icon with text

Style Guide

Go to Homepage

Webflow Style Guide

Welcome to the style guide of Rentalz Website Template.

This guide offers comprehensive instructions on various design elements, ranging from color schemes and typography to button styles and text sizes.

Rentalz Website Template is designed to provide you with guidelines and best practices for creating a professional and impactful website for your rental home business.

It covers a wide range of web design aspects, including typography, color usage, imagery selection, layout considerations, and content strategies.

By adhering to these guidelines, you can maintain consistency, enhance visual appeal, and ensure seamless navigation throughout your website.

Colours

Primary Colour

Primary
#4a3f35

Secondary Colours

Secondary
#9c27b0
White Smoke
#f5f5f5
Gray
#6b6b6b

Other Colours

White
#ffffff
Light Brown
#ebeae8
Light Gray
#e2e2e2
Black
#252525

Typography

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6

HTML text tags

All Paragraphs (HTML-TAG)

All Links (HTML-TAG)

Text weights

Text Weight Bold
Text Weight Medium
Text Weight Normal
Text Weight Light

Rich Text

Rich text blocks (RTBs) are different from regular paragraph and text elements.

RTBs allow you to format headings, paragraphs, quotes, images, videos, captions, and lists all within the one element.

RTBs are what will be used for the primary body of your blog posts.

L

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

photograph frame icon
This is a placeholder image.

This is an ordered list

  1. Fully responsive
  2. Cloneable
  3. Swap in with your client's styles

This an unordered list

  • Fully responsive
  • Cloneable
  • Swap in with your client's styles

Block quotes

"Lorem ipsum dolor sit amet, consectetur adipiscing elit."

Logos & Assets

logo brand house icon with text
Logo - White
logo brand house icon with text
Logo - Black
★ Featured
Badge Card
Badge Card - Rectangular
logo brand house icon small
Favicon - 32x32px
logo brand house icon
Favicon - 256x256px

Buttons & Icons

Filled Button - Primary
Filled Button - Secondary
Filled Rectangular Button - Secondary
button text
Transparent Button

Freepik Icons

email iconphotograph frame iconmessage pop up iconplus solid iconmagnifier inside circle and square iconhand with award floating iconshake hand iconsearching for home icon
two people iconEmail Iconphone icon lamp icon
double quote iconcarousel icon

Freepik Social Icons

Webflow Elements

Text Input

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Select Field

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Text Area

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Submit

Button Text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Go to Homepage