DB UX Design System
A Design System designed to align teams and streamline product delivery.
Brings clarity to design and implementation through shared standards and reusable components.
A unified model for product teams
Shared fundamentals, components and domain-specific extensions that support clarity and alignment.
Foundation
Shared base tokens and modes provide a stable foundation for clear and coherent
interfaces.
Components
Core components ensure predictable interactions across products.
Extensions
Contextual standards that build on the core system to support domain-specific needs.
Patterns
Provide reusable interaction models that guide consistent behavior across products.
Templates
Offer structured starting points that speed up page creation and enforce coherent
layouts.
How the system supports your work
A shared system that improves collaboration and decision-making for product, development, and design.
For Product Management
Efficient Delivery
Reduce time spent on repeated design and implementation decisions.
For Developer
Predictable Maintenance
Rely on scheduled updates and stable versioning to plan changes confidently.
For Designer
Flexible Choices
Adapt components and tokens to fit context without losing alignment.
“Since adopting the system, our teams spend less time aligning on UI details and more time solving real product problems.”
Finn Hoffmeister
Product Owner @ DB Systel
Product Owner @ DB Systel
“New team members ramp up faster because the system explains how we design and build our products.”
Patrick Weber
Design Lead @ DB Fernverkehr
Design Lead @ DB Fernverkehr
“Design and development finally speak the same language — handoff feels predictable instead of repetitive.”
Danny Koppenhagen
Frontend Architect @ DB Systel
Frontend Architect @ DB Systel
