Boring to Adoring

We execute the vision of estate holders to C.R.E.A.T.E. masterfully-built designs for their worry-free outdoor living environments.

Let's Talk About It View Portfolio

Your Style + Our Creativity = Exceeded Expectations.

The Reynolds Way

We design, create, and maintain beautiful and pleasing outdoor spaces that elegantly display your unique style.

Our proven process will assist you, the homeowner, in transforming your current landscape from a generic, nameless, faceless backdrop into a beautiful, pleasing, inviting outdoor masterpiece that perfectly reflects your unique style.

Design
Pool & Landscape Design

Let our creativity remove the uncertainty and craft your vision of an elegant outdoor living space.
Build
Landscape Maintenance

From concept to completion, our designs create a truly unique outdoor experience for your home.
Maintain
Landscape Maintenance

Our maintenance programs sustain the health and vibrance of your outdoor living environment.

Your Worry-free Outdoor Living Environment

Let us do the work, you take the credit.

From Designing to Building to Maintaining, we handle everything & we're with you every step of the way.

Reynolds Outdoors

Style Guide

This page outlines the current styles and standards for the Reynolds Outdoors website.

Colors

An overview of this site's brand colors.

Action

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Primary

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Secondary

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Accent

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Base

Ultra Light

Light

Medium

Dark

Ultra Dark

Comp

Shade

Ultra Light

Light

Medium

Dark

Ultra Dark

Action

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Primary

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Secondary

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Accent

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Base

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Shade

Trans 10

Trans 20

Trans 40

Trans 60

Trans 80

Trans 90

Success

Success Light

Success Dark

Success Hover

Danger

Danger Light

Danger Dark

Danger Hover

Warning

Warning Light

Warning Dark

Warning Hover

info

Info

Info Light

Info Dark

Info Hover

Buttons

Solid and outline buttons are available across all color sets including black and white.

BUTTONS ON LIGHT BACKGROUND

ActionAction OutlinePrimaryPrimary OutlineSecondarySecondary OutlineAccentAccent OutlineBaseBase Outline

BUTTONS ON DARK BACKGROUND

ActionAction OutlinePrimaryPrimary OutlineSecondarySecondary OutlineAccentAccent OutlineWhiteWhite Outline

Button scale

Button XS

btn--primary / btn--xs

Button S

btn--primary / btn--s

Button M

btn--primary / btn--m

Button L

btn--primary / btn--l

Button XL

btn--primary / btn--xl

Button XXL

btn--primary / btn--xxl

Typography

Below is an overview of responsive typography sizes and weights for this site. These are computed from a base size and a mathematical scale.

Headings

H1 (--xxl)

Heading 1 Regular

Heading 1 Medium

Heading 1 Bold

H2 (--xl)

Heading 2 Regular

Heading 2 Medium

Heading 2 Bold

H3 (--l)

Heading 3 Regular

Heading 3 Medium

Heading 3 Bold

H4 (--m)

Heading 4 Regular

Heading 4 Medium

Heading 4 Bold

H5 (--s)

Heading 5 Regular

Heading 5 Medium

Heading 5 Bold

H6 (--xs)

Heading 6 Regular

Heading 6 Medium

Heading 6 Bold

Body Text

BODY TEXT (--m)

Text m Regular

Text m Medium

Text m Bold

SMALL TEXT (--s)

Text s Regular

Text s Medium

Text s Bold

XTRA SMALL TEXT (--xs)

Text xs Regular

Text xs Medium

Text xs Bold

Examples

Heading 1 (H1)

This is large text. 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.