Portfolio style guide

Total Wireless design system

A multi-page brand and component guide built from the provided Figma plan-listing file, Total Wireless shopping patterns, and a local shadcn registry.

Browse components View colors

By role

Find your starting point

Brand assets

Logos, color, type, semantic tokens, and the rules that keep every touchpoint on-brand.

Components

Production-ready React primitives themed for Total Wireless and installable from the registry.

Guides

Set up the registry, map Figma to code, and apply the system in product work.

8 color tokens

10 registry items

13 guide pages