Brand & Interface System

Terrapin Outdoors

Map-first outdoor platform design system — foundations, map shells, content modules, and field-ready components.

Design SystemsMap UXOutdoorComponent LibraryLight UI

Overview

Terrapin Outdoors is a map-first platform for outdoor planning, trail discovery, and field-ready adventure tools.

Brand principles

  • Adventure-first — built for people who plan, explore, and move through real outdoor terrain.
  • Practical and purposeful — every surface earns its place in the field.
  • Clarity in the wild — high contrast, legible type, and calm hierarchy outdoors.
  • Trustworthy outdoor data — routes, layers, and conditions feel dependable.
  • Field-ready exploration — offline-aware, mobile-first, and built for variable conditions.

Interface principles

  • Map-centered — the basemap stays primary; panels layer information without crowding it.
  • Information layered — search, filters, detail drawers, and controls share one card language.
  • Mobile-first — bottom sheets, compact rails, and large tap targets on small screens.
  • Lightweight and fast — minimal chrome, predictable controls, and scannable modules.
  • Offline-aware — empty states, downloads, and sync cues are part of the system.

Foundations

Core tokens for Terrapin Outdoors — color, typography, spacing, radius, borders, elevation, and icon style.

FoundationsColor, type, spacing, radius, borders, elevation, and icons
Terrapin Outdoors foundations — color tokens, typography, spacing, radius, borders, elevation, and icon style

Map Shells & Navigation

Desktop and mobile map shells, explorer panels, detail drawers, control rails, and navigation patterns.

Map shells & navigationDesktop shell, mobile shell, explorer panel, detail panel, and bottom sheet patterns
Terrapin Outdoors map shells and navigation patterns

Content Modules

Trail cards, search results, filters, detail drawers, layer controls, and compact list patterns.

Map content modulesTrail cards, filters, detail drawers, layers, and list rows
Terrapin Outdoors map content modules and card patterns

Components

Field-ready controls — search, chips, toggles, markers, route lines, alerts, toasts, and stat blocks.

ComponentsSearch, filters, toggles, markers, route styles, alerts, and stat blocks
Terrapin Outdoors UI components for map and field use