T-Mobile
A telecom-strength system with tight corners and a signature accent. Platform sans, disciplined structure, and a bright color story — the right foundation for consumer product or operator-style surfaces that need to feel fast and reliable.
Best fit
Large consumer brands that want a fast, accessible, system-native baseline.
Preview
Preview only · full system delivered in the pack
Inside the deck
A real look at the system
Interior slides from the T-Mobile design deck — palette, type, and components — so you know exactly what you're getting.
Unlock the full interactive deck + tokens
Static preview · the full interactive deck, tokens, and Tailwind config are delivered in the pack.
What's inside
A complete Tailwind system. Install it and build.
tokens.json
Design tokens
Colors, type, spacing, radii
tailwind.config
Tailwind config
Drop-in, ready to build
deck.html
Full visual system
Palette, type, components
design.md
Build guide
How the system fits together
Related packs
Similar systems
Meta
$29meta.com
Big-tech structural discipline translated into a buildable system. Optimistic VF, clean rounding, flat surfaces, and a huge accent range. The right foundation for scaled product surfaces that need to feel global and coherent.
Zoom
$29zoom.com
A refreshed enterprise-friendly system with surprising warmth. Happy Face display type, soft corners, layered depth, and an approachable palette — built for communications products that want to feel less corporate and more human.
Navy Federal
$29navyfederal.org
Institutional precision for finance products that live in a regulated world. Squared structure, Source Sans, layered depth, and a measured palette that signals stability before a word is read.
This is an independent educational design study. It is not affiliated with, endorsed by, or sponsored by the referenced brand. Do not copy proprietary assets, logos, images, or protected brand material.