| Colour Architecture |
Atlassian Design System |
Clear primitive → semantic separation |
| Typography Scale |
Material Design 3 |
Role-based naming; modular scale |
| Spacing |
Tailwind CSS + Material Design 3 |
4px base unit; practical multipliers |
| Border Radius |
Apple Human Interface Guidelines |
Nested radius formula |
| Elevation/Shadows |
Material Design 3 |
Layered elevation; functional shadows |
| Motion |
Fluent Design |
Physics-based easing |
| Breakpoints |
Tailwind CSS |
Mobile-first; practical thresholds |
| Z-Index |
Atlassian Design System |
Semantic layering |