TRA SummitDesign System
v1.0.1 — Summit

Build like the campfire is lit.

The first-party design system for Travel Resorts of America. 30+ components, semantic tokens, light & dark mode — built on Tailwind CSS and Radix primitives.

Components

30++20

since v1.0

Themes

2

parchment light · night-forest dark

Third-party UI kits

0

and it stays that way

Semantic first

Components speak in roles — canvas, ink, line, primary — never raw hex. Light and dark mode come free with every component.

Warmth with discipline

A campfire palette held together by a strict neutral ramp. Color earns its place: ember for action, canopy for good news.

Accessible by default

Radix primitives underneath, visible focus rings, reduced-motion support, and labeled controls on every form element.

The palette

Ember

Campfire orange — primary

Canopy

Pine green — success

Creek

Glacial teal — info

Bark

Warm wood — neutrals

Ash

Stone gray — muted

Canvas

Parchment & night forest

Quick start

Scaffold a new TRA app with Summit wired in.

pnpm create-app my-app