Style Guide for LaurieOneilRealEstate.com

Global Presets UI Style Guide

This global presets style guide is a great way to start a new web design project! Wondering how to turn modules into global presets? For a detailed tutorial on how to use this style guide, click on the link below to be redirected.

01. Color palette

In the first part of the style guide, you can find the color palette that’s been used for the layout pack. These colors are the default color palette in your Theme Options.

#ffffff

#f2bad3

#69696D

#121212

#69696B

rgba(42,46,64,0.34)

02. Visuals

The second part of this style guide shares some of the visuals that are included inside the layout pack. By importing the layout to your Divi Library, these visuals have automatically been added to your media library, ready for you to use.

03. Text styles

In this part of the style guide, you’ll find the different text styles that were used throughout the layout pack. There’s a separate preset for each heading style and a global preset with all text styles in one.

Heading 1

Heading 2

Heading 3

Heading 4

Body

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.

List

Quisque velit nisi, pretium ut lacinia in, elementum
Quisque velit nisi, pretium ut lacinia in, elementum

Quisque velit nisi, pretium ut lacinia in, elementum
Quisque velit nisi, pretium ut lacinia in, elementum

Quisque velit nisi, pretium ut lacinia in, elementum

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Heading Combo 1

Heading Combo 2

As Low As

$2000/mo

Heading Combo 3

Laurie O’Neil Real Estate

Producing Life’s Moves

Text Block 1

SELLING

Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Pellentesque in ipsum id

Text Block 2

RENTALS

Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Pellentesque in ipsum id

Text Block 3

BUYING

Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Pellentesque in ipsum id