Design at ttoss
We're open sourcing our design department to share how we approach design and build digital products that scale.
What You'll Find Here
- Design System: Our comprehensive design system with tokens, components, and guidelines
- Design Principles: Core principles that guide our design decisions
- Resources: Tools, guides, and best practices for designers and developers
- Examples: Real-world implementations and usage patterns
Our Design Philosophy
Design as Code: We treat design decisions as code - versioned, documented, and systematically applied across all products.
Progressive Enhancement: Start with solid foundations (tokens) and build up to complex components and patterns.
Accessibility First: Every design decision considers accessibility from the ground up, not as an afterthought.
Quick Start
New to our design system? Start with:
- Getting Started Guide - Set up and basic usage
- Design Tokens - Understanding our design foundation
- Storybook - Interactive component explorer
Contributing
Our design system evolves through:
- Community feedback and real-world usage patterns
- Cross-team collaboration between design and engineering
- Continuous iteration based on user needs and technical constraints