Style Guide

Colors

Change the colors through the swatches panel. This will change all locations where the color is used on the website. You can learn more about global swatches on the Webflow University.

Accent 1
#1F2839
Accent 2
#2D3C5A
Accent 3
#9C8052
Accent 4
#B69D74
Accent 5
#E2D6C3

Typography

Any edits here will apply to all reflective elements across the site.

H1 Hero Heading
Size: 5 em

The quick brown fox jumps over the lazy dog

H1 Title
Size: 2.6 em

The quick brown fox jumps over the lazy dog

H2 Title
Size: 2.3 em

The quick brown fox jumps over the lazy dog

H3 Title
Size: 1.7 em

The quick brown fox jumps over the lazy dog

H4 Title
Size: 1.3 em

The quick brown fox jumps over the lazy dog

H5 Title
Size: 1 em
The quick brown fox jumps over the lazy dog
H6 Title
Size: 0.85 em
The quick brown fox jumps over the lazy dog
Paragraph
Size: 1 em

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.

Bold

Lorem ipsum dolor sit amet

Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis rutrum mi. Cras molestie porttitor ipsum,` in aliquam quam congue sed. Pellentesque tincidunt arcu sit amet elit gravida, nec tempor nisi malesuada. Vivamus auctor dui non sapien pretium, at viverra est lobortis.
Bullet list
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Suspendisse vitae urna dolor. Curabitur posuere, magna vel aliquam fringilla.
  • Donec nec purus aliquet lacus fringilla laoreet vitae non lacus.
Numbered list
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Suspendisse vitae urna dolor. Curabitur posuere, magna vel aliquam fringilla.
  3. Donec nec purus aliquet lacus fringilla laoreet vitae non lacus.

Icons

All icons used in this template are designed by the Rad Sled team. You can download these icons and edit them as you like, without any further permission.

Check Mark White Icon
Check Mark Beige Icon
Blinds Vertical White Icon
Blinds Vertical Beige Icon
Blinds Horizontal White Icon
Blinds Horizontal Beige Icon
Blind White Icon
Blind Beige Icon
Blind Closed White Icon
Blind Closed Beige Icon
Marqee White Icon
Marqee Beige Icon
House White Icon
House Beige Icon
Phone White Icon
Phone Beige Icon
Email White Icon
Email Beige Icon
Shield White Icon
Shield Beige Icon
Magnifier White Icon
Magnifier Beige Icon

Buttons

For additional information, please visit the Webflow University.

FAQ

Lorem ipsum dolor sit amet