O/ORIGIN/Outdoor/Trail Mapping

Trail Mapping

ORIGIN design system applied to trail mapping — outdoor industry

Section 01 — Demo Website Preview

A complete landing page demo for a trail mapping business, implementing the ORIGIN design system with full brand identity.

trailmappin.com

TRAIL MAPPIN

HomeProductsAbout

TRAIL MAPPIN

Outdoor — Trail Mapping

LIVE_DEMO

Section 02 — UI Modules (10)

Each module is designed specifically for trail mapping within the ORIGIN system. Click any module to explore multiple design variations.

Hero Section

Full-width hero with headline, subtext, and primary CTA

MODULE_01

VIEW DESIGN VARIATIONS

Gallery Grid

Responsive image grid with hover states and lightbox

MODULE_02

VIEW DESIGN VARIATIONS

Dashboard Metrics

KPI cards, charts, and real-time data visualization

MODULE_03

VIEW DESIGN VARIATIONS

Timeline

Vertical or horizontal timeline for milestones and history

MODULE_04

VIEW DESIGN VARIATIONS

Profile Cards

Team member or user profile cards with avatar and bio

MODULE_05

VIEW DESIGN VARIATIONS

Form & Input

Multi-step forms, inputs, and validation patterns

MODULE_06

VIEW DESIGN VARIATIONS

Navigation Sidebar

Collapsible sidebar navigation with active states

MODULE_07

VIEW DESIGN VARIATIONS

Comparison Table

Feature comparison matrix with pricing tiers

MODULE_08

VIEW DESIGN VARIATIONS

CTA Conversion

Conversion-focused call-to-action blocks and banners

MODULE_09

VIEW DESIGN VARIATIONS

Content Feed

Blog posts, news feed, or activity stream layout

MODULE_10

VIEW DESIGN VARIATIONS