Menu with Hover and Dropdown
Menu with Hover and Dropdown Two Layers Deep
Typography - Header one is the biggest headline & uses playfair display
Header two is a subheader & is slightly smaller but still has a big impact
Headline three is used farther down on the page and has less impact
Headline four is used on three column call to action areas
Header five is used to break paragraphs into smaller sections. It's also used as the title with our icons
Header six is the smallest playfair header and is used to slightly emphasize elements. Should be used sparingly.
The body copy is Lato and the size is 16 pixels. This allows for great readability while still small enough to allow for more copy in our two up areas with images.
Dolores in error officia velit sequi, so corporis. Sequi deserunt. Labore. Fugit ullamco, illum, nor ipsum, so error eius, but cillum. Illum consequat, and duis laudantium. Nostrud aliqua, nor accusantium quia, or eaque, or deserunt. Rem commodi, nor mollit. Veritatis est. Aliquip proident, so natus. Odit explicabo incidunt id, so irure, and non, but totam. Aute fugit reprehenderit, so explicabo consequat.
Color Palette
Dark Green
#205334
CK Lawn Logo
#136031
Black
#000000
Almost Black
#2d2d2d
Light Gray
#f9f9f9
Primary Buttons and hover states
Secondary Buttons and hover states
Logos
Custom icons
The website uses custom icons. The icons will all be white on the dark green background and will be square. They should be used in the following format with a title and text. The entire section can be linked to another page.
Example of a custom Icon
This area should be a short sentence and should never span more than two lines. It looks best like this!
Example of a custom Icon
This area should be a short sentence and should never span more than two lines. It looks best like this!
Example of a custom Icon
This area should be a short sentence and should never span more than two lines. It looks best like this!
