Styleguide

A reference guide for text styles, color palette and shadows.

Styleguide

A reference guide for text styles, color palette and shadows.

Styleguide

A reference guide for text styles, color palette and shadows.

Home

About

Blog

Services

Landscape Mgmt

Landscape Design

Outdoor Construction

Arborilogical Services

Irrigation Systems

Installation of advanced systems to repairs we've got you covered

Outdoor Lighting Solutions

lighting for ambiance and security

Hardscape-Walkway & Driveway Installation

Durable & Stylish discover out tailored solutions

Pergola's & Covered Patios

Merging function & Elegance

Fence & Gate Install

Boundaries Redefined - Secure, Stylish, Superior.

Outdoor Kitchens & living spaces

Luxury Outdoors - Where Memories Are Made

Drainage Solutions

Tailored for our Texas climate Drainage Done Right - Protecting Your Paradise

Water features

Add simple description here

Get started

Click to call

Request Quote

text styles

Note

Any edits of the Text Styles will apply to all reflective elements across the site.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

feature

Paragraph Small

Paragraph Standard

Paragraph Large

CTA Small

CTA Standard

CTA Large

Link

colors

Note

You can change colors in the Shared Colors found in the property panel on the right side of the canvas. When you update a shared color, it will update everywhere on your canvas.

Elite Blue

#8800FF

Purple Dark

#1300FF

Sage

#BABD8D

Dun

#DDCCAA

Grey

#FFFFFF

Yellow

#FDD963

White

#FFFFFF

Black

#000000

Text

#19154E

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

SHADOWS

Note

You can copy one of the Shadow properties by right-clicking on one of the cards, selecting Copy Style, and then pasting it onto a chosen Frame or a Stack.

Elevation 1

Elevation 2

text styles

Note

Any edits of the Text Styles will apply to all reflective elements across the site.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

feature

Paragraph Small

Paragraph Standard

Paragraph Large

CTA Small

CTA Standard

CTA Large

Link

colors

Note

You can change colors in the Shared Colors found in the property panel on the right side of the canvas. When you update a shared color, it will update everywhere on your canvas.

Elite Blue

#8800FF

Purple Dark

#1300FF

Sage

#BABD8D

Dun

#DDCCAA

Grey

#FFFFFF

Yellow

#FDD963

White

#FFFFFF

Black

#000000

Text

#19154E

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

SHADOWS

Note

You can copy one of the Shadow properties by right-clicking on one of the cards, selecting Copy Style, and then pasting it onto a chosen Frame or a Stack.

Elevation 1

Elevation 2

text styles

Note

Any edits of the Text Styles will apply to all reflective elements across the site.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

feature

Paragraph Small

Paragraph Standard

Paragraph Large

CTA Small

CTA Standard

CTA Large

Link

colors

Note

You can change colors in the Shared Colors found in the property panel on the right side of the canvas. When you update a shared color, it will update everywhere on your canvas.

Elite Blue

#8800FF

Purple Dark

#1300FF

Sage

#BABD8D

Dun

#DDCCAA

Grey

#FFFFFF

Yellow

#FDD963

White

#FFFFFF

Black

#000000

Text

#19154E

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

Text Light

#5B5E76

SHADOWS

Note

You can copy one of the Shadow properties by right-clicking on one of the cards, selecting Copy Style, and then pasting it onto a chosen Frame or a Stack.