Style Guide

THIS PAGE CONTAINS MOST USED STYLES THROUGHOUT THE TEMPLATE.
H1 Styling

Olofsson Real Estate

Inter Tight
H1 Fixed

Olofsson Real Estate

Inter Tight
H1

Olofsson Real Estate

Inter Tight
H2

Olofsson Real Estate

Inter Tight
H3

Olofsson Real Estate

Inter Tight
H3

Olofsson Real Estate

Inter Tight
H4

Olofsson Real Estate

Inter Tight
H5
Olofsson Real Estate
Inter Tight
H6
Olofsson Real Estate
Inter Tight
Text Size Large
This is some text
Inter Tight
Text Size Medium
This is some text
Inter Tight
Text Size Small
This is some text
Inter Tight
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.

Inter Tight
Rich Text Element

What’s a Rich Text element?

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.

Olofsson Real Estate Template Mockup

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

  • This is an unordered list
  1. This is an ordered list

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Text Link
Text Link
Inter Tight
Nav Link
Text Link
Inter Tight
Primary Button
Button Text
Secondary Button
Button Text
Form Button
Button Text
Highlight Button
Button Text
Team Button
Button Text
Utility Button
Button Text
Utility SecondaryButton
Button Text
CTA Button
Button Text