.section-testimonial-wall

Testimonial Wall

Featured quote plus supporting quotes in a responsive masonry-style grid.

Social proof

Teams that ship calmer pages

Real notes from designers and engineers using the catalog patterns.

“We dropped the hero and three mid sections into production without rewriting the layout system.”

Ava Morales

Product designer · Northstar

“The alternating splits finally match our Figma zigzag.”

Jordan Lee

Frontend lead

“FAQ exclusive accordion kept support tickets down.”

Sam Okonkwo

Support lead

“Stats band + logo cloud closed the trust gap above the fold.”

Riley Chen

Marketing

“Named sections make AI prompts actually reusable.”

Noah Park

Staff engineer

.section-pricing-table

Pricing Table Section

Three plans with a featured center card and shared feature checklists.

Pricing

Simple plans for field teams

Start free, grow when the hut bookings do.

Starter

$12/mo

  • 3 projects
  • Email support
  • Basic analytics

Studio

$59/mo

  • Brand kits
  • SSO
  • Audit logs
.section-feature-split

Alternating Feature Split

Text / image bands that flip sides each row for zigzag storytelling.

Product story

Built for the long walk

Daypack on a stone wall

Carry

Balanced on switchbacks

A slim profile and padded straps keep the load close without bouncing on the descent.

Ceramic pour set

Camp

Slow mornings, durable ware

Stoneware that survives a pack tumble and still looks at home on the hut table.

.section-team-roster

Team Roster Section

Portrait cards in a responsive grid with name, role, and short bio.

Team

People behind the catalog

Design, motion, and support in one small studio.

Portrait of Mira Solen

Mira Solen

Studio lead

Sets the visual system for travel and field brands.

Portrait of Theo Lang

Theo Lang

Motion craft

Keeps carousels intentional and reduced-motion safe.

Portrait of Leah Kim

Leah Kim

Research

Tests section rhythm with real booking flows.

Portrait of Noah Park

Noah Park

Frontend

Ships the named CSS roots you reuse here.

.section-logo-cloud

Logo Cloud / Social Proof

Centered “Trusted by” heading with a wrapping partner logo row.

Partners

Trusted by field teams

.section-stats-band

Stats / Metrics Band

Four large metrics on a contrasting gradient band.

By the numbers

Quiet growth, clear results

Metrics from the last alpine season.

128k

Active hikers

98%

Booking uptime

42

Partner huts

4.9

Avg. guide rating

.section-faq-accordion

FAQ Accordion Section

Native details/summary list; data-exclusive keeps one open at a time.

FAQ

Questions before you book

Can I change dates after booking?

Yes — free changes up to 72 hours before departure, subject to hut availability.

Do you rent daypacks on site?

Harbor studio stocks 18L and 28L packs for weekend rentals. Reserve online to hold a size.

Is the newsletter weekly?

Usually twice a month — trail conditions, one gear note, no filler.

Where do I get trailhead directions?

Your confirmation email includes a map pin and offline GPX for the primary loop.

.section-how-steps

How It Works Steps

Numbered three-step process with auto-counters and short copy.

How it works

From browse to trailhead

Pick a route

Filter by season, difficulty, and hut nights.

Reserve your window

Hold seats and gear in one checkout.

Walk with the guide pack

Offline maps and daily check-ins on your phone.

.section-benefit-grid

Feature Benefit Grid

Icon + title + blurb cards in a responsive 2×3 / 3×2 grid.

Benefits

Why teams reuse these sections

Named roots

Stable class names for prompts and handoffs.

Shared rhythm

Consistent padding and header tokens across bands.

Responsive first

Grids collapse cleanly without nested card clutter.

Accessible FAQ

Native disclosure widgets with exclusive option.

Trust bands

Logos and stats ready to drop under a hero.

CTA ready

Banner and newsletter patterns for conversion closes.

.section-cta-banner

CTA Banner Strip

Full-width call-to-action with headline, lede, and dual buttons.

Ready when you are

Book the next ridge weekend

Hold hut beds and a daypack rental in under two minutes.

.section-product-showcase

Product Showcase Split

Large product shot, bullets, price/CTA, and small gallery thumbs.

Ridge Day Pack front view

Featured gear

Ridge Day Pack 18L

Canvas shell, padded hip belt, and a sleeve for a soft flask.

$96

  • Weather-resistant canvas
  • Hidden passport pocket
  • Lifetime stitch repair
Full specs
.section-resources-preview

Blog / Resources Preview

Latest guides as a three-card row with dates and Read more.

.section-map-location

Map / Location Section

Patterned map placeholder with pin, address, hours, and directions CTA.

Visit

Harbor studio

18 Pier Lane
Seattle, WA 98101

Open Tue–Sat · 10:00–18:00

.section-newsletter

Newsletter Signup Section

Centered pitch panel with email field, submit, and privacy note.

Newsletter

Trail notes, twice a month

Conditions, one gear tip, and early hut windows — nothing else.

No spam. Unsubscribe any time. We never sell addresses.