GTSSF · Brand

Style Guide

Grand Targhee Ski and Snowboard Foundation’s (GTSSF) mission is to provide affordable ski and snowboard programs for young athletes to meet their individual potential for excellence through education and opportunity for competition.

How the Grand Targhee Ski & Snowboard Foundation looks, sounds, and behaves on gtssf.org, in email, and in print. Every rule here is already in use on the live site, or is marked as proposed. Change the rule here first, then the site.

Version 1.2Applies to gtssf.org · email · printTypeface Circular, throughout this guide
01 · Mission, Vision & Values

Affordable Programs. Individual Potential.

Everything GTSSF publishes starts here. The mission says what we do, the vision says why it matters to the valley, and the values decide how a program, a page, or a reply to a parent should feel.

Mission
Our mission is to provide affordable ski and snowboard programs for young athletes to meet their individual potential for excellence through education and opportunity for competition.
Vision

Inspiring future stewards of the mountains to pursue personal development and engagement in the community by providing sustainable, affordable access to all athletes and their families.

Values

01

Fun!

Listed first in the Coaches Handbook, and the only place the brand uses an exclamation mark.

02

Personal Development

We provide programs that assist each participant in reaching his/her potential.

03

Affordability & Accessibility

We are committed to affordable and accessible programs and seek community support and scholarships to help athletes as they move up the pipeline.

04

Safety

We apply best practices to maximize the safety of our participants.

05

Inclusivity

We provide programs that foster a team mentality for the success of all participants.

06

Community

We promote positive, productive relationships with the local community, community partners, and supporters of GTSSF.

07

Balance

We build relationships with the school system and work with participants so they can excel in their sports, school, and life.

Source: Coaches Handbook, “History, Mission Statement & Statement of Values” (Code of Conduct page). The handbook lists six values and describes seven; Balance is described but not in the list. Keep both in sync when the handbook is next revised.

Where We Come From

  1. 1988 · FoundedStarted by local ski racing legends Deb and Dana Mackenzie, Brad (Squeak) Melehes, Mark Melehes, and John Borstelman as Teton Valley’s first nonprofit.
  2. 1988 · The first ski swapThe first annual “Tug Boat” (Terry Palmer) Memorial Ski Swap raised the money to operate. The Ski Swap still runs every November.
  3. AlumniSage Cattabriga-Alosa; two-time Olympian and Olympic silver medalist Jaelin Kauf (2018, 2022); Red Bull athlete Kai Jones.
  4. TodayDevelopment and competition programs in alpine, cross country, freeride, and snowboard for hundreds of local athletes, following U.S. Ski & Snowboard athlete development guidelines.
02 · Look, Tone & Feel

Bright Snow, Plain Words, on the Athlete’s Side.

GTSSF should look like a clear morning at Grand Targhee and sound like a good coach: direct, encouraging, and specific about what happens next.

Look

  • White space carries the page; color comes from photography and a few blue actions.
  • Navy type, blue titles, a sky-blue header band, gold only for highlights.
  • Real athletes on real snow at Grand Targhee and around Teton Valley.
  • Uppercase Circular for page titles, labels, and buttons; sentence case everywhere else.

Tone

  • Encouraging. Progress over podiums; every level is welcome.
  • Plain. Short sentences, real numbers, no jargon a new family would trip on.
  • Local. Name the place: Grand Targhee, Teton Valley, Driggs, Victor.
  • Respectful. Parents and volunteers are partners, not customers.

Feel

Competitive, Not Exclusive.Race teams and Flow programs share one page system.
Organized, Not Corporate.Clear schedules and prices; a human voice.
Small Town, Big Mountain.Community first, ambition welcome.

Write It Like This

Write
Winter Session, 16 Weeks starting in December. Coaches confirm the weekly schedule at registration.
Not
WINTER SESSION *DECEMBER–MARCH* (Sat/Sun, pricing varies, see below!!)
Write
Families complete 6 volunteer hours per athlete. You can donate the deposit instead.
Not
Volunteering is mandatory and failure to comply will result in forfeiture of your deposit.

Reach For

Teton ValleyGrand TargheeathletesfamiliescoachessessionFlowU12scholarshipvolunteer hourson snow

Retire

world-classeliteamazingclick herelearn morekids (in headings)!!ALL CAPS sentences

House Conventions

ItemWriteNotes
OrganizationGrand Targhee Ski & Snowboard Foundation, then GTSSFAlways the ampersand. GTSSF is the registered trade name of the Teton Valley Ski Education Foundation, a 501(c)(3); TVSEF only in history.
Age groupsU8–U19 · U14/U16 · Ages 7–19En dash for ranges, slash for paired groups, capital U.
Program titlesAlpine Race (U14/U16)The parenthetical renders at 14px in page titles (Code Snippet #19); it never changes the SEO title or URL.
Season lineWinter Session, 16 Weeks starting in DecemberNo prices or days in the season line; those live in the Schedule tab.
DatesSaturday, January 24, 2026Month spelled out; weekday when it helps.
Times9:00 AM–12:30 PMProposed. The schedule tables still use 9:00am-12:30pm; update when next edited.
Phone208-354-4878Hyphens, no parentheses.
03 · Messaging

Say the Same Few Things, Everywhere.

These lines are approved. Reuse them word for word in titles, social bios, grant forms, and print so the foundation is described the same way in every place someone meets it.

UseLine
Tagline (home hero)Grand Targhee Ski and Snowboard Foundation’s (GTSSF) mission is to provide affordable ski and snowboard programs for young athletes to meet their individual potential for excellence through education and opportunity for competition. Set in uppercase on the home hero.
Home title tagGrand Targhee Ski & Snowboard Foundation | Teton Valley, ID
Page title tags{Page name} | GTSSF Teton Valley — e.g. Alpine Flow Program | GTSSF Teton Valley
One-line descriptionOur mission is to provide affordable ski and snowboard programs for young athletes to meet their individual potential for excellence through education and opportunity for competition.
Short descriptionAlpine, cross country, freeride, and snowboard programs for young athletes in Teton Valley, at Grand Targhee Resort.
Programs vs teamsTeams are the season-long competition and development groups. Programs are enhanced training such as strength, trampoline, academy, and summer Nordic.
Volunteer requirementParticipation and event volunteering is a requirement of our program families.
Sign-up list headingUpcoming Volunteer Opportunities

The tagline is the mission line from the home hero. The WordPress site tagline (Settings › General) uses the same wording, so feeds and shares match.

Button Verbs

One verb-led label per button, title case in the editor (the button style sets the uppercase). Never “Click here” or “Learn more”; say where the button goes.

04 · The Mark

A Snowflake for the Foundation, a Trail Badge for the Teams.

The snowflake lockup is the foundation’s signature and leads on every page header. The GTSSF trail badge is the compact mark for avatars, favicons, and small spaces. Always start from an original file; never a screenshot.

Primary Logos

Download LogosOpens the GTSSF logo package in a new tab.

Alternative / Artifacts

Approved alternates for specific jobs. Each downloads as an SVG from the website.

Rules

  • Always an original file: the logo package for the primary logos, the SVG downloads above for alternates.
  • Minimum width 160px for the horizontal lockup, 48px for the badge.
  • Clear space on every side equal to one snowflake arm.
  • Full color on white or sky; inverse or white on navy.

Never

  • Recolor, outline, add a shadow, or stretch the mark.
  • Place it on a busy photo without a navy overlay.
  • Pair two GTSSF lockups on the same surface.
  • Rebuild the wordmark in live text.
05 · Color

Navy Type, Blue Actions, Sky Above, Gold to Celebrate.

The palette is the Blocksy global palette, and Kadence blocks read the same values. Pick colors from the palette in the editor, never a custom hex. Ratios are measured against the surface named; text needs 4.5:1, large text and UI edges 3:1.

Core

NavyAa
HEX
#003C5F
RGB
0 60 95
HSL
202° 100% 19%
CMYK
100 37 0 63
Token
--theme-palette-color-1

Body text, top bar, footer, dark sections. Kadence palette 2, 3, and 4.

On white 11.59:1
BlueAa
HEX
#077ABB
RGB
7 122 187
HSL
202° 93% 38%
CMYK
96 35 0 27
Token
--theme-palette-color-2

Page titles, H2, links, buttons. Kadence palette 1.

On white 4.66:1White text 4.66:1
SkyAa
HEX
#96D2EE
RGB
150 210 238
HSL
199° 72% 76%
CMYK
37 12 0 7
Token
--theme-palette-color-3

Header band, tints, captions on navy.

Navy text 7.04:1As text 1.65:1
GoldAa
HEX
#FEBE42
RGB
254 190 66
HSL
40° 99% 63%
CMYK
0 25 74 0
Token
--theme-palette-color-6

Highlights, “open” badges, the one big call on a navy band. Kadence accent.

Navy text 6.99:1As text 1.66:1

Supporting

ButterAa
HEX
#FFF3D6
RGB
255 243 214
HSL
42° 100% 92%
CMYK
0 5 16 0
Token
--theme-palette-color-5

Gold tint for callouts, notices, and highlighted rows.

Navy text 10.51:1
BronzeAa
HEX
#CC9936
RGB
204 153 54
HSL
40° 60% 51%
CMYK
0 25 74 20
Token
--theme-palette-color-9

Gold-family rules, borders, and fills. Navy text on Bronze passes; Bronze as text does not.

Navy text 4.51:1As text 2.57:1
SlateAa
HEX
#5B6873
RGB
91 104 115
HSL
208° 12% 40%
CMYK
21 10 0 55
Token
--theme-palette-color-4

Secondary text, captions, meta lines, quiet icons.

On white 5.72:1
Light GreyAa
HEX
#E9E9E9
RGB
233 233 233
HSL
0° 0% 91%
CMYK
0 0 0 9
Token
--theme-palette-color-7

Rules, input borders, quiet panels. Kadence palette 7.

Navy text 9.55:1

Teal (#4B929A) and Aqua (#5FC2CC) are retired. Palette 4 is now Slate, palette 5 is Butter, and Bronze is palette 9, so every block that used the old slots picks up the new colors automatically.

Supporting Hues

The blues and greys the theme and Kadence blocks already use. They are built in, so they are listed for matching, not for picking: in the editor, choose a palette color.

Blues

MidnightAa
HEX
#1C3861
RGB
28 56 97
HSL
216° 55% 25%
CMYK
71 42 0 62
Token
account modal

Sign-in overlay behind the account form, at 81%.

On white 11.75:1White text 11.75:1
NightAa
HEX
#213B54
RGB
33 59 84
HSL
209° 44% 23%
CMYK
61 30 0 67
Token
search modal

Search overlay, at 99%.

On white 11.55:1White text 11.55:1
Navy 85Aa
HEX
#265977
RGB
38 89 119
HSL
202° 52% 31%
CMYK
68 25 0 53
Token
--global-palette5

Kadence palette 5: Navy mixed 85% with white. Secondary text in blocks.

On white 7.56:1White text 7.56:1
Navy 70Aa
HEX
#4D778F
RGB
77 119 143
HSL
202° 30% 43%
CMYK
46 17 0 44
Token
--global-palette6

Kadence palette 6: Navy at 70%. Muted text and meta in blocks.

On white 4.83:1White text 4.83:1
IceAa
HEX
#AFE6FF
RGB
175 230 255
HSL
199° 100% 84%
CMYK
31 10 0 0
Token
button hover

Button hover in Blocksy and Kadence.

Navy text 8.6:1As text 1.35:1
Navy 25Aa
HEX
#BFCED7
RGB
191 206 215
HSL
202° 23% 80%
CMYK
11 4 0 16
Token
neutral 300

Kadence neutral 300: Navy at 25%. Block borders and dividers.

Navy text 7.19:1As text 1.61:1
FrostAa
HEX
#DFE9F3
RGB
223 233 243
HSL
210° 45% 91%
CMYK
8 4 0 5
Token
off-canvas

Mobile menu background, fading to white.

Navy text 9.43:1As text 1.23:1
Navy 10Aa
HEX
#E6ECEF
RGB
230 236 239
HSL
200° 22% 92%
CMYK
4 1 0 6
Token
neutral 200

Kadence neutral 200: Navy at 10%. Quiet block backgrounds.

Navy text 9.72:1As text 1.19:1

Greys

CharcoalAa
HEX
#212121
RGB
33 33 33
HSL
0° 0% 13%
CMYK
0 0 0 87
Token
heading

One Kadence heading still uses it; switch that heading to Navy.

On white 16.1:1White text 16.1:1
GraphiteAa
HEX
#454545
RGB
69 69 69
HSL
0° 0% 27%
CMYK
0 0 0 73
Token
form text

Text typed into Blocksy form fields.

On white 9.59:1White text 9.59:1
CloudAa
HEX
#DADEE4
RGB
218 222 228
HSL
216° 16% 87%
CMYK
4 3 0 11
Token
social icons

Header social icon backgrounds, at 30%.

Navy text 8.58:1As text 1.35:1
SilverAa
HEX
#DCDCDC
RGB
220 220 220
HSL
0° 0% 86%
CMYK
0 0 0 14
Token
share border

Border on the share button.

Navy text 8.45:1As text 1.37:1
FogAa
HEX
#EBEDEE
RGB
235 237 238
HSL
200° 8% 93%
CMYK
1 0 0 7
Token
mega menu

Teams mega menu panel, a gradient from #FDFBFB.

Navy text 9.87:1As text 1.17:1
SnowAa
HEX
#F8F8F8
RGB
248 248 248
HSL
0° 0% 97%
CMYK
0 0 0 3
Token
--global-palette8

Kadence palette 8: Light Grey at 30%. Light block backgrounds.

Navy text 10.92:1As text 1.06:1

CMYK values are straight conversions for reference. Proof anything printed with the printer before a run.

Supporting Values

NameValueWhere
White#FFFFFFThe page. Palette 8, Kadence palette 9.
Mist#F4F6F7Sunken surfaces and table headers.
Hairlinergba(0,60,95,.12)Table dividers, card borders, schedule rows.
Tintrgba(0,60,95,.04)Sidebar widgets and quiet panels.
Breadcrumb inknavy at 70%Breadcrumbs only.
Card overlaynavy 0% → 88%Bottom-up gradient behind white text on team cards.
06 · Type

Circular Leads, Ringside Reads.

Two self-hosted families, each with one job. Circular carries titles, navigation, labels, and buttons. Ringside Narrow sets long reading. This guide is set entirely in Circular.

Circular · Display & UI
Alpine Race
Sub Heading
Book 400Medium 500Bold 700

Page titles, H2, navigation, buttons, eyebrows, schedule labels. Blocksy font ct_font_circular. The site loads Book, Medium, and Bold.

Download FontTTF · Book, Medium, Bold, Black · ZIP, 302 KB
Ringside Narrow · Reading
Teton Valley Skiing
Sub Heading
Regular 400Italic 400Medium 500Bold 700

Body copy, H3 on team cards, breadcrumbs. Blocksy font ct_font_ringside__narrow. The site loads Book, Medium, and Bold with italics.

Download FontTTF · 16 styles, Thin to Ultra with italics · ZIP, 1.1 MB

The Fluid Scale Proposed v2

Seven steps, each a clamp() that grows smoothly from a 375px phone to a 1440px desktop. Sizes are in rem, so browser zoom and user font settings still work. The site measured 17 different sizes on desktop; every one of them maps to a step below.

4xl · Display40 → 64px · lh 1.05
--gt-4xl
Grand Targhee
3xl · H1 page title32 → 48px · lh 1.1 · +0.04em
--gt-3xl
Alpine Race (U14/U16)
2xl · H2 section28 → 40px · lh 1.15 · −0.02em
--gt-2xl
Skill Development & Focus
xl · H324 → 32px · lh 1.2
--gt-xl
Upcoming Volunteer Opportunities
lg · Lead, H420 → 24px · lh 1.45
--gt-lg
Freeride is designed for strong skiers who wish to focus on all-mountain skiing and learn skills in the terrain park.
base · Body17 → 18px · lh 1.7
--gt-base
Athletes are trained, prepared, and supported for the level of competitive advancement they seek. GTSSF follows the U.S. Ski & Snowboard guidelines on athlete development.
sm · Labels, captions14 → 15px · lh 1.5
--gt-sm
Winter Session, 16 Weeks starting in December

Nothing is set below 14px, with one deliberate exception: the bottom tab bar (12px labels, 10px sublabels). Body copy keeps a 65–75 character measure. Headings use text-wrap: balance; paragraphs use text-wrap: pretty.

One Scale, Every Editor

Whichever size picker an editor uses, it resolves to the same step.

StepBlocksyWordPress presetKadence presetNow (v1)
smSmall text, labelsSmallSMWP Small renders 18px; Kadence SM 14–14.4px
baseBodyMediumMDBody 17–18px; Kadence MD 18–20px
lgH4LargeLGH4 20–25px; Kadence LG 28–32px
xlH3Extra LargeXLH3 24–32px; Kadence XL 28–48px
2xlH2XX-LargeXXLH2 28–40px; Kadence XXL 32–64px
3xlH1—XXXLH1 32–48px; Kadence XXXL 36–96px
4xlHome hero only——64px on the home hero
07 · Imagery

Groups in Motion, Coaches in the Frame, the Tetons Behind.

GTSSF photography shows a community, not a highlight reel: athletes doing the sport together, listening and cheering, with the coaches, parents, and volunteers who make it happen and the mountains that make it ours.

What We Photograph

Groups in the Activity

Teams skiing, riding, and training together. More than one athlete in the frame, doing the thing the page is about.

Participation & Respect

Athletes listening to a coach, cheering a teammate, waiting their turn at the start. Effort and good manners, not just results.

Majestic Scenery

The Tetons, Grand Targhee’s ridgelines, and Teton Valley light. Let the landscape frame the group.

Parents Involved

Parents volunteering at races, cheering at the finish, working the Ski Swap. Families are part of the program.

Coaches Coaching

Demonstrating a turn, debriefing on the ridge, celebrating with the group. Coaches belong in the photo.

Board & Volunteers at Work

Board members and volunteers at events, award ceremonies, and the Ski Swap, actively involved rather than posed.

Shot list for this season: the library is strong on teams and scenery and light on parents volunteering and board members at work. Capture both at the Ski Swap, on race days, and at awards.

What Makes the Cut

  • Every face in focus, back row included. Check at 100% before uploading.
  • Even light on faces: open sun or bright overcast; no dappled shade or squinting into the sun.
  • Real interaction: laughing, arms up, looking at each other, a coach in the frame.
  • The group fills the frame, arranged in layers (kneel, stand) rather than a single line.
  • Crisp contrast without clipping: bright gear against white snow, detail kept in jackets and sky.
  • At least 1920px on the long edge; square crops for intros, 3:2 for wide bands, square corners throughout.

Avoid

  • Heavy HDR, oversharpening, or filters that make snow look gray or skin look painted.
  • Soft phone shots and screenshots of social posts; they break up at full width.
  • Stock photography. The few stock images still on the site should be replaced over time.
  • Text over a photo without a navy overlay of at least 60%.
  • Close-ups of minors without a signed release; alt text names the activity, not the child.

The Library, by Program

46 photos selected from the media library for group energy, sharp faces, and strong light. Each caption names the GTSSF value the photo shows, so the next photo can be chosen the same way.

Alpine

8 photos

Where most GTSSF athletes start, and where many stay. Flow builds a love of the mountain; Race takes U10 through U16 athletes into gates, timing, and Intermountain Division competition. Photograph the team, not just the racer: coaches in the frame, parents at the finish, friends between runs.

Freeride

8 photos

Freeride turns strong skiers into thoughtful big-mountain athletes. The pictures should carry the team’s personality and the respect the sport demands: scouting lines, listening to coaches, and celebrating together on the IFSA podium.

Snowboard

8 photos

Snowboard athletes progress from Flow to the U12–U19 team, riding the whole mountain and the park. Show riders with their coach, hiking for one more lap, and the scenery that makes the day unforgettable.

Cross Country

8 photos

Nordic is the foundation’s most social sport: Flow, Rec, Prep, and Comp, Tuesday Night Nordic, and races across the Intermountain Division. Capture the group celebrating, coaches out on the trail with their athletes, and the Tetons above the track.

Programs

14 photos

Programs keep athletes training all year: bike camps, summer Nordic roller skiing, Strength Training, and Trampoline Training. Photograph them the way we photograph winter: groups working together, coaches teaching, and the valley behind them. Running is missing from the library; add it to the shot list.

08 · Layout

One Container, One Rhythm, Copy That Flows.

Every page sits in a 1200px container with 5vw edges. Sections stack on a 50px rhythm on desktop. Program pages open with the flowing intro: the photo floats right and the copy wraps around it, then continues full width.

Page frame. Blocksy title type 1: breadcrumbs above a plain uppercase title, no photo banner. The current page is hidden from the breadcrumb.

Flowing intro. Class gtssf-intro gtssf-flow; photo gtssf-flow-photo floats right at 40% with a 96px gap. Photo first on phones. Unsynced pattern “GTSSF: Flowing Page Intro”.

Sections and grids. Two columns for paired content (Sign Up | Opportunities), card grids four across on desktop, two on tablet, one on phones.

Vertical Rhythm

BetweenSpaceNotes
Header and page titleBlocksy title spacingBreadcrumbs 14px uppercase above the H1.
Paragraph and section heading40pxMargins collapse, so 40px is the full gap.
Section heading and its copy12pxHeadings belong to what follows them.
Paragraphs16pxLists 14px after.
Last section and footer50pxBlocksy content area spacing, every page.
09 · Components

The Parts Every Page Is Built From.

Website User Interface

Header & Tab Bar

Donate
GTSSF logo
Ski Club ProRegistration
LiveTimingRace Results
TeamSnapCoach Communication
Race CameraLive Race Course
Avy ReportBT Avy Center

Navigation: Circular 500, uppercase. The tab bar is fixed to the bottom of the screen: square cards on navy, label above sublabel.

Page Title

Alpine Race (U14/U16)

Buttons

Primary: blue fill, white Circular 700, 14px uppercase, 0.05em tracking, 12px 24px padding, square corners, navy on hover. Header Donate: 13px today; type v2 lifts it to 14px. The small gold button is the same size in Gold with navy text (7.0:1), for one secondary call such as Register Now. On a navy band, Gold marks the single most important call.

Program Intro

Winter Session, 16 Weeks starting in December

Freeride is designed for strong skiers who wish to focus on all-mountain skiing and learn skills in the terrain park.

Skill Development & Focus

Emphasis will be on responsible and realistic decision-making in big mountain scenarios and technical focus in the terrain park.

NOTE: GTSSF Nordic competes within the Intermountain Division. Notes are body-size text in the secondary ink, never smaller.

Team Cards

Session Details Tabs

ScheduleParticipant Details
Alpine Winter Session
Alpine Flow (U6 & U8)14 WeeksDecember–March9:00 AM–12:30 PMSunday*
Alpine Flow16 WeeksDecember–March8:30 AM–2:00 PMSunday*
Alpine Race20 WeeksNovember–March8:30 AM–12:30 PMFri–Sun
Alpine Race weekday training: Tuesday, Thursday, and Friday, 1:00–4:00 PM.

Schedule and Participant Details are shared Blocksy content blocks (3199 and 1811) on all 13 team pages. Table text 15px, labels 14px uppercase, hairline rows; the first line of both tabs shares one baseline.

Sign-Up List & Partner Logos

Upcoming Volunteer Opportunities

Jan. 24 – Targhee Club Series

Body-size link with the theme’s 1px underline.

U.S. Ski & SnowboardIntermountain DivisionUSASAIFSA
10 · Tokens

Spacing, Radii & Breakpoints.

Blocksy is the source of truth; Kadence reads the same values through mapped variables. Use the presets in the editor rather than typing pixels.

Spacing presetValueRange
xxs0.5rem8px
xs1rem16px
sm1.5rem24px
mdclamp(1.5rem, 1.293rem + 0.884vw, 2rem)24 → 32px
lgclamp(2rem, 1.586rem + 1.768vw, 3rem)32 → 48px
xlclamp(2.5rem, 1.878rem + 2.652vw, 4rem)40 → 64px
xxlclamp(3rem, 2.171rem + 3.536vw, 5rem)48 → 80px
3xlclamp(3.5rem, 2.257rem + 5.304vw, 6.5rem)56 → 104px
4xlclamp(4rem, 2.343rem + 7.072vw, 8rem)64 → 128px
RadiusUse
3–4pxButtons, inputs, tags
8pxTab bar cards
10–12pxPhotos, team cards
16pxPanels and cards in documentation
999pxPills and badges
BreakpointBehavior
< 768pxPhones: one column, photo first, tabs become accordions
768–1024pxTablet: two columns, flowing intro keeps the float
> 1024pxDesktop: full grids, 1200px container
1440pxType scale reaches its maximum
11 · Accessibility

Readable by Everyone, on Every Screen.

Families read this site on a phone in a parking lot at 7 AM. Design for that moment and it works everywhere.

Contrast

Text 4.5:1 and large text 3:1 (WCAG 2.2 AA). Navy and blue pass on white; sky, gold, and butter are backgrounds, never text on white.

Size & Measure

14px minimum (the tab bar is the one exception), 17–18px body, 65–75 characters per line. Type scales with browser zoom because every size is in rem.

Structure

One H1 per page, headings in order, no skipped levels for styling. Use a style, not a bigger heading tag.

Links & Focus

Links are underlined in body copy. Every interactive element shows a 2px blue focus ring offset 4px.

Images

Every meaningful image has alt text; decorative images have empty alt. Logos are named by the organization.

Motion

Hover moves are subtle (a 1.04 image scale) and switch off for people who prefer reduced motion.

12 · Guardrails

Do & Do Not.

Do

  • Start new program pages from the “GTSSF: Flowing Page Intro” pattern.
  • Pick colors and sizes from the presets in Blocksy and Kadence.
  • Keep schedules and participant details in the shared content blocks.
  • Use real GTSSF photography with alt text.
  • Write one clear call to action per section.
  • Update this guide first, then the site.

Do Not

  • Type custom pixel sizes or hex colors into blocks.
  • Set text below 14px (outside the tab bar) or use all-caps sentences for emphasis.
  • Rename pages in a way that changes their URLs or menu labels.
  • Add photo banners behind page titles.
  • Use stock photography or AI-generated people.
  • Publish a page without checking it on a phone.
Grand Targhee Ski & Snowboard Foundation · Brand Style Guide
  1. Version 1.2 · Updated March 2, 2026
  2. Version 1.1 · Updated September 8, 2025
  3. Version 1.0 · Published February 21, 2025