GREEN THEME
Display 1
H1 — The Skate Farm
CMS - H1 — Location detail title
H2 (light text) — New to Skate Farm? Start here.
H2 (dark text) — Session options
CMS - H2 — section heading
H3 — What actually changes when it gets cold
H3 - Compact
H3 - Centered
H4 — A sub-point heading
H4 - Small
CMS - H4
CMS - H5
CMS - H6
Quote - Header
Quote - Copy — skateboarding changed my life, and I wanted to give that back to this town.
Body 1 - Centered — the quick brown fox jumps over the lazy dog.
Body 1 - Centered - Balanced — the quick brown fox jumps over the lazy dog.
Body 1 - Left — the quick brown fox jumps over the lazy dog.
Body 1 - Bold — the quick brown fox jumps over the lazy dog.
Body 2 - Centered — the quick brown fox jumps over the lazy dog.
Body 2 - Centered - Balanced — the quick brown fox jumps over the lazy dog.
Body 2 - Left (article body) — the quick brown fox jumps over the lazy dog.
Body 2 - Bold — the quick brown fox jumps over the lazy dog.
Body 3 — small print, dates, captions.
T&Cs — by signing up you agree to our Privacy Policy.
NAVIGATION LABEL
SAND / WHITE THEME
Display 1
H1 — The Skate Farm
CMS - H1 — Location detail title
H2 (light text) — New to Skate Farm? Start here.
H2 (dark text) — Session options
CMS - H2 — section heading
H3 — What actually changes when it gets cold
H3 - Compact
H3 - Centered
H4 — A sub-point heading
H4 - Small
CMS - H4
CMS - H5
CMS - H6
Quote - Header
Quote - Copy — skateboarding changed my life, and I wanted to give that back to this town.
Body 1 - Centered — the quick brown fox jumps over the lazy dog.
Body 1 - Centered - Balanced — the quick brown fox jumps over the lazy dog.
Body 1 - Left — the quick brown fox jumps over the lazy dog.
Body 1 - Bold — the quick brown fox jumps over the lazy dog.
Body 2 - Centered — the quick brown fox jumps over the lazy dog.
Body 2 - Centered - Balanced — the quick brown fox jumps over the lazy dog.
Body 2 - Left (article body) — the quick brown fox jumps over the lazy dog.
Body 2 - Bold — the quick brown fox jumps over the lazy dog.
Body 3 — small print, dates, captions.
T&Cs — by signing up you agree to our Privacy Policy.
NAVIGATION LABEL
YELLOW THEME
Display 1
H1 — The Skate Farm
CMS - H1 — Location detail title
H2 (light text) — New to Skate Farm? Start here.
H2 (dark text) — Session options
CMS - H2 — section heading
H3 — What actually changes when it gets cold
H3 - Compact
H3 - Centered
H4 — A sub-point heading
H4 - Small
CMS - H4
CMS - H5
CMS - H6
Quote - Header
Quote - Copy — skateboarding changed my life, and I wanted to give that back to this town.
Body 1 - Centered — the quick brown fox jumps over the lazy dog.
Body 1 - Centered - Balanced — the quick brown fox jumps over the lazy dog.
Body 1 - Left — the quick brown fox jumps over the lazy dog.
Body 1 - Bold — the quick brown fox jumps over the lazy dog.
Body 2 - Centered — the quick brown fox jumps over the lazy dog.
Body 2 - Centered - Balanced — the quick brown fox jumps over the lazy dog.
Body 2 - Left (article body) — the quick brown fox jumps over the lazy dog.
Body 2 - Bold — the quick brown fox jumps over the lazy dog.
Body 3 — small print, dates, captions.
T&Cs — by signing up you agree to our Privacy Policy.
NAVIGATION LABEL
DESIGN SYSTEM TOKENS
4px — Tag chip
8px — Decorative badge
10px — Form input
30px — Card / image
50px — Button (pill)
Buttons — Large / Small (hover is a live gesture state, not shown statically — hover any button in the live preview to see it)
Spacing scale
16px
20px
24px
30px
40px
64px
80px
Section padding (matching live site): 64px desktop, 24px tablet, 16px phone — horizontal; use the spacing scale above for vertical rhythm inside a section.
Colour-to-colour section transitions: no torn/ripped-edge divider exists on the site yet. Proposed spec for one: a jagged/torn-paper SVG strip, ~24px tall, in the colour of the section ABOVE it, overlapping the top edge of the section below by ~12px — same treatment used by apps like Headspace/Duolingo between colour blocks. I can’t build the actual SVG asset from this session (file uploads to Framer are blocked here) — happy to design it and hand you the file to drop in, or build it directly if you open the branch and give me upload access another way.