Design Guidelines

     From lush gardens to elegant landscapes, we create outdoor spaces that inspire and thrive all year round.

Design Guidelines

Primary color

This color is used for all important interactive elements like Buttons, CTAs, links

Primary 90%

Primary 70%

Primary 50%

Primary 30%

Primary 10%

Secondary color

This color is used for all important interactive elements like Buttons, CTAs, links

Secondary 90%

Secondary 70%

Secondary 50%

Secondary 30%

Secondary 10%

Greyscale

Gray tones are the essence of the UI. Used for text or cards, etc

Greyscale 90%
Greyscale 70%
Greyscale 50%
Greyscale 30%
Greyscale 10%

System

Alerts are four colors used to indicate certain situations

Error

Warning

Info

Success

Base

Base color used for the background color of sections, cards

Background

Background Accent

Border

Heading

h1

Viewing Quizzical Abstracts Mixed Up Hefty Jocks

h2

Viewing Quizzical Abstracts Mixed Up Hefty Jocks

h3

Viewing Quizzical Abstracts Mixed Up Hefty Jocks

h4

Viewing Quizzical Abstracts Mixed Up Hefty Jocks

h5

Viewing Quizzical Abstracts Mixed Up Hefty Jocks

h6

Viewing Quizzical Abstracts Mixed Up Hefty Jocks

Body

Small Text
Viewing Quizzical Abstracts Mixed Up Hefty Jocks
Big Text
Viewing Quizzical Abstracts Mixed Up Hefty Jocks
Normal Text
Viewing Quizzical Abstracts Mixed Up Hefty Jocks
Form Field
Viewing Quizzical Abstracts Mixed Up Hefty Jocks
Button Text
Viewing Quizzical Abstracts Mixed Up Hefty Jocks

Button

Counter

Lorem Ipsum
50 +
Lorem Ipsum
$ 50 B
Lorem Ipsum
3 +
Lorem Ipsum
0 +