Skip to content
Wild10Basecamp

Identity System · v3

A rugged, editorial system for expedition-grade gear.

Wild10Basecamp evokes deep water, evergreen forest, cold air, canvas equipment, stone, and firelight. Use this guide to keep every surface—web, social, print—cohesive and premium.

01 · Marks

Logo usage

Primary — light backgrounds
Primary — light backgrounds
Reversed — dark backgrounds
Reversed — dark backgrounds
Compact mark
Compact mark
Reversed mark
Reversed mark
  • • Preserve transparency and aspect ratio.
  • • Do not recolor, outline, bevel, or shadow the mark.
  • • Keep clear space equal to half the mark's height.
  • • Minimum height: 34px sticky, 38px mobile, 46px desktop.
02 · Color

Approved palette

Midnight Fjord dominates dark surfaces. Deep Pine carries the brand. Trail Orange appears once per screen. Never combine more than three accents in a single component.

Midnight Fjord
#071A24
Dark hero, footer, nav
--brand-midnight
Deep Pine
#12372A
Primary brand, buttons
--brand-pine / --primary
Alpine Teal
#2E5960
Secondary controls, cool cards
--brand-teal / --secondary
Glacier Blue
#78AFC1
Links, focus ring, charts
--brand-glacier / --ring
Ice Blue
#C7ECF6
Soft highlights, info panels
--brand-ice
Trail Orange
#FF681F
Conversion CTA only
--brand-orange / --field
Golden Lichen
#C89A3D
Ratings, badges, scores
--brand-lichen / --accent
Canvas
#E9E2D3
Primary light background
--brand-canvas / --background
Granite
#6F7973
Secondary text, metadata
--brand-granite / --muted-foreground
Charred Timber
#252A27
Body text on light
--brand-timber / --foreground
03 · Type

Typography

Display — Fraunces / editorial serif
Built for the treeline.
Ten items. One expedition.
Interface — Inter / modern sans

Wild10Basecamp uses a sturdy editorial serif for headlines and a clean sans-serif for interface text. Body copy sits at 16–18px with generous line height, never below 1.55.

Metadata, filters, buttons, and tables stay in the sans family for maximum legibility.

04 · Components

Buttons & badges

★ Editor's PickCold WeatherWaterproof

Use Trail Orange for one conversion action per view. Golden Lichen marks quality — ratings, awards, editor picks. Glacier & Ice Blue carry data, weather, and selected states.

05 · Voice

Tone & don'ts

Do

  • • Sound like a trusted guide, not a salesperson.
  • • Favor specifics: grams, denier, temperature ratings.
  • • Use authentic wilderness photography.
  • • Alternate Canvas, white, and Midnight Fjord sections.

Don't

  • • No neon, purple gradients, or generic SaaS blue.
  • • No distressed, western, or camouflage typefaces.
  • • No orange glow, drop shadows, or bevels on the logo.
  • • No stock photos of posed models beside spotless tents.