Larkstone Style Guide

The colors, type, buttons, forms and utility classes that make up Larkstone.
Color Schemes

Scheme Light

Text color

Scheme Dark

Text color

Neutral Colors
 

Color 800

 

Color 700

 

Color 600

 

Color 500

 

Color 400

 

Color 300

 

Color 200

 

Color 100

Brand Colors
 

Brand Color (500)

 
Brand 50
 
Brand 100
 
Brand 200
 
Brand 300
 
Brand 400
 
Brand 600
 
Brand 700
 
Brand 800
 
Brand 900
 

Secondary Color

 
Secondary 50
 
Secondary 100
 
Secondary 200
 
Secondary 300
 
Secondary 400
 
Secondary 600
 
Secondary 700
 
Secondary 800
 
Secondary 900
 

CTA Color

 

Background Color

 

Foreground Color

 

Text Color

 

Border Color

 

Accent Color

Heading HTML Tags

Heading H1 Style

Find Your Place Among the Pines

Heading H2

Find Your Place Among the Pines

Heading H3

Find Your Place Among the Pines

Heading H4

Find Your Place Among the Pines

Heading H5

Find Your Place Among the Pines
Heading H6
Find Your Place Among the Pines
Heading Classes

Heading Style H1

Find Your Place Among the Pines

Heading Style H2

Find Your Place Among the Pines

Heading Style H3

Find Your Place Among the Pines

Heading Style H4

Find Your Place Among the Pines

Heading Style H5

Find Your Place Among the Pines

Heading Style H6

Find Your Place Among the Pines

Other HTML Tags

All Paragraphs

Larkstone Campground sits at the edge of an old-growth forest, with shaded tent sites, cozy cabins and trails that start right outside your door. Pack light, arrive early and let the quiet do the rest.

All Block Quotes

The best nights here end with a crackling fire and a sky full of stars.

All Unordered Lists

  • Shaded tent sites

  • Cozy A-frame cabins

All Unordered Lists

  • Guided nature walks

  • Stargazing nights

All Ordered Lists

  1. Book your stay online

  2. Check in at the lodge

  3. Settle in and explore the trails

Text Sizes

Text Size Large

Larkstone Campground sits at the edge of an old-growth forest, with shaded tent sites, cozy cabins and trails that start right outside your door. Pack light, arrive early and let the quiet do the rest.

Text Size Regular

Larkstone Campground sits at the edge of an old-growth forest, with shaded tent sites, cozy cabins and trails that start right outside your door. Pack light, arrive early and let the quiet do the rest.

Text Size Small

Larkstone Campground sits at the edge of an old-growth forest, with shaded tent sites, cozy cabins and trails that start right outside your door. Pack light, arrive early and let the quiet do the rest.

Text Colors

Text Color Primary

Larkstone Campground sits at the edge of an old-growth forest, with shaded tent sites, cozy cabins and trails that start right outside your door. Pack light, arrive early and let the quiet do the rest.

Text Color Brand

Larkstone Campground sits at the edge of an old-growth forest, with shaded tent sites, cozy cabins and trails that start right outside your door. Pack light, arrive early and let the quiet do the rest.

Text Color Black

Larkstone Campground sits at the edge of an old-growth forest, with shaded tent sites, cozy cabins and trails that start right outside your door. Pack light, arrive early and let the quiet do the rest.

Text Color White

Larkstone Campground sits at the edge of an old-growth forest, with shaded tent sites, cozy cabins and trails that start right outside your door. Pack light, arrive early and let the quiet do the rest.

Text Weights

Text Weight XBold

text-weight-xbold (800)

Text Weight Bold

text-weight-bold (700)

Text Weight Semi Bold

text-weight-semibold (600)

Text Weight Medium

text-weight-medium (500)

Text Weight Normal

text-weight-normal (400)

Text Weight Light

text-weight-light (300)
Text Styles

Text Style Italic

text-style-italic

Text Style Strikethrough

text-style-strikethrough

Text Style Allcaps

text-style-allcaps

Text Style Nowrap

text-style-nowrap

Text Style Quote

text-style-quote

Text Style Link

Text Style Muted

text-style-muted

Text Style Tagline

text-style-tagline
text-color-white
text-color-white
Text Alignment

Text Align Left

text-align-left

Text Align Center

text-align-center

Text Align Right

text-align-right
Rich Text

Rich Text Style

Your First Night at Larkstone

Before You Arrive

What to Pack

Layers for Cool Evenings

Campfire Rules
Quiet Hours
Wake up to birdsong, coffee on the deck and mist lifting off the meadow.

Choose a quiet tent site under the pines, a cozy cabin or a spot close to the trails. Wherever you stay, the forest and the night sky are only a short walk away.

Plan your visit

  • Headlamp and spare batteries
  • Warm layers for cool evenings
  • Reusable water bottle
  1. Check in at the lodge
  2. Collect your site map
  3. Set up camp and settle in
Buttons

Button (Small, Medium, Large)

Button Secondary

Button Link

Button Alternate

Button Secondary Alternate

Button Link Alternate

View Events
Buttons With Icons

Button With Icon

Button Secondary With Icon

Button Link With Icon

Button Alternate With Icon

Button Secondary Alternate With Icon

Button Link Alternate With Icon

Shadows
shadow-small
shadow-medium
Other UI Elements
Tags

Tag

Tent Sites

Tag Text

Pet Friendly

Tag Alternate

Cabins

Tag Text Alternate

Stargazing
Form Elements

Form Label

Form Input

Text Area Input

Select Input

Checkbox

Radio Button

Submit Button

Thanks for reaching out. We'll be in touch soon.
Something went wrong. Please check your details and try again.

Form Label

Form Input Alternate

Text Area Input Alternate

Select Input Alternate

Checkbox Alternate

Radio Button Alternate

Submit Button Alternate

Thanks for reaching out. We'll be in touch soon.
Something went wrong. Please check your details and try again.
Icons (Image)

Icon XXSmall

Icon XSmall

Icon Small

Icon Medium

Icon Large

Icon XLarge

Icon 1x1 XXSmall

Icon 1x1 XSmall

Icon 1x1 Small

Icon 1x1 Medium

Icon 1x1 Large

Icon 1x1 XLarge

Icons (Embed)

Icon Embed XXSmall

Icon Embed XSmall

Icon Embed Small

Icon Embed Medium

Icon Embed Large

Icon Embed XLarge

Radiuses

Radius Small

Radius Medium

Radius Large

Radius Round

Paddings

Padding Bottom

Padding Top

Padding Vertical

Padding Horizontal

Padding Left

Padding Right

Padding 0

Padding XXSmall

Padding XSmall

Padding Small

Padding Medium

Padding Large

Padding XLarge

Padding XXLarge

Margins

Margin Bottom

Margin Top

Margin Vertical

Margin Horizontal

Margin Left

Margin Right

Margin 0

Margin XXSmall

Margin XSmall

Margin Small

Margin Medium

Margin Large

Margin XLarge

Margin XXLarge

Spacers

Spacer XXSmall

Spacer XSmall

Spacer Small

Spacer Medium

Spacer Large

Spacer XLarge

Spacer XXLarge

Structure Classes

Page Wrapper

Main Wrapper

Container Small

Container Medium

Container Large

Padding Global

Padding Section Small

Padding Section Medium

Padding Section Large

Button Group

Max Widths

Max Width Full

Max Width Full Tablet

Max Width Full Mobile Landscape

Max Width Full Mobile Portrait

Max Width XXLarge

Max Width XLarge

Max Width Large

Max Width Medium

Max Width Small

Max Width XSmall

Max Width XXSmall

Utility Classes

Hide

This element is hidden

Hide Tablet

Hide Mobile Landscape

Hide Mobile Portrait

Overflow Visible

Overflow Hidden

Overflow Auto

Overflow Scroll

Pointer Events Auto

Pointer Events None

Align Center

Z Index 1

Z Index 2

Margin Top Auto

Aspect Ratio Square

Aspect Ratio Portrait

Aspect Ratio Landscape

Aspect Ratio Widescreen

Inherit Color