Pattern Library

01Brand Colors

Primary
#41748D
rgb: 65,116,141
$color-resort-blue
#44693D
rgb: 68,105,61
$color-activity-green
#253746
rgb: 37,55,70
$color-mountain-blue
Greys
#F6F5F3
rgb: 246,245,243
$color-light-grey
#DAD9D3
rgb: 218,217,211
$color-sand-grey
#565756
rgb: 86,87,86
$color-dark-grey
#1A1B1B
rgb: 26,27,27
$color-deep-black
Waterpark
#99D6EA
rgb: 153,214,234
$color-waterpark-water
#00A9E0
rgb: 0,169,224
$color-waterpark-vibrant
Bike Park
#309242
rgb: 48,146,66
$color-bikepark-vibrant
#265B30
rgb: 38,91,48
$color-bikepark-forest
Zoom Zipline
#B4D143
rgb: 180,209,67
$color-zip-prairie
#42B44F
rgb: 66,180,79
$color-zip-vibrant

02Type Treatment

Heading 1

I am the best
title ever made

Heading 2

I am the best title ever made

Heading 2 with Subtitle

A subtitle goes hereI am the best title ever made

Heading 3

I am the best title ever made

Heading 4

I am the best title ever made

Paragraph

I am a really tiny paragraph. Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula.

Ordered List
  1. List Item 1
  2. List Item 2
  3. List Item 3
Unordered List
  • List Item 1
  • List Item 2
  • List Item 3
Definition List
Definition Term Title 1
Definition term description
Definition Term Title 2
Definition term description
Definition Term Title 3
Definition term description
Quotes

This is a marvelous quote lorem ipsum sit dolor amet ipsaque, nihil est cjeste de la noche.

Daniel SusukiMarketing Analyst at Procter & Gamble

02 (bis)Type System

I am the best title ever made

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

I am the best title ever made

Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis strong dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

I am the best title ever made

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

  • Pellentesque quis sem sed mauris ultricies pulvinar non elementum nulla. Sed sagittis et nunc et ullamcorper. Cras luctus lobortis sodales.
  • Aenean at interdum arcu. Vivamus quis elit dolor. Nunc iaculis, nibh at accumsan gravida, tellus ligula vulputate nisl, sit amet porttitor arcu leo vel risus.
  • Aenean efficitur erat lectus, nec dictum neque maximus scelerisque. Sed tellus felis, viverra ut nibh sit amet, elementum imperdiet arcu.

Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis strong dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

  1. List Item 1
  2. List Item 2
  3. List Item 3

Maecenas aliquet tortor nec elit dapibus fringilla. Praesent bibendum porttitor blandit. Aenean nisl lacus, cursus tincidunt congue vel, lacinia vel nunc. Praesent vitae nibh nisi. In volutpat hendrerit magna, vel rutrum velit iaculis at. Donec fermentum neque augue, vitae aliquet libero sagittis quis. Maecenas erat turpis, elementum sed risus id, blandit finibus libero.

03Buttons & Call To Actions

Primary Main CTA
Action To Do Action To Do Action To Do Secondary Border CTA
Action To Do Full Width Cell CTA

04Listing Results - Buckets

Amazing Downhill.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum molestiae fugiat tenetur fugit atque dignissimos, fugiat natus vitae.

Discover

A result title example on two lines.

Lorem adipisicing elit. Voluptas consectetur tempora quis nam, officia tenetur blanditiis in illo dolor?

Read More

A result title example on three lines with no copy under.

Shop Now

A result title example on three lines with a copy that fits under.

Lorem ipsum dolor sit amet, elit. Rem, illum. Harum molestiae fugiat tenetur fugit atque dignissimos.

Learn More

Amazing Downhill.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum molestiae fugiat tenetur fugit atque dignissimos, fugiat natus vitae.

Discover

A result title example on two lines.

Lorem adipisicing elit. Voluptas consectetur tempora quis nam, officia tenetur blanditiis in illo dolor?

Read More

A result title example on three lines with no copy under.

Shop Now

A result title example on three lines with a copy that fits under.

Lorem ipsum dolor sit amet, elit. Rem, illum. Harum molestiae fugiat tenetur fugit atque dignissimos.

Learn More

05Listing Results - Teasers

Landscape Image

Title of article

Cras vitae dui vitae neque ultrices vehicula. Nunc facilisis, dui id pharetra semper, urna nulla feugiat dui, non feugiat metus nulla sit amet urna. Morbi ultricies diam fringilla augue maximus mollis. Aenean vulputate elementum tempus. Integer quis mi ac ante dapibus convallis. Integer at luctus tortor.

Landscape Image

Jul 1st, 2016Title of article

Cras vitae dui vitae neque ultrices vehicula. Nunc facilisis, dui id pharetra semper, urna nulla feugiat dui, non feugiat metus nulla sit amet urna. Morbi ultricies diam fringilla augue maximus mollis.

06Preview Boxes

Get ReadyThe golf is up !

Get your early birds season passes and free your mind.

From
$125
Buy

WaterparkRush to the wild slides!

07Forms & Fields

Input
Select & Upload
Text Area
Radio and Checkbox
Submit
Single Input Form

08Tables & Cells

Simple Table
Table Header 1 Table Header 2 Table Header 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3
Division 1 Division 2 Division 3

09Inline Images and Videos

I am the best title ever made

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

This is a nice caption

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

10Page Fragments

WaterparkRush to the wild slides!

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

11Slideshows