All work
ROADHOUSE Design System
Design SystemsDesign systemDocumentationRTLComponentsMotion
ROADHOUSE is a complete design-system project documented end to end: cultural research, design principles, foundations, color, typography, spacing, grid, material language, iconography, and component families for riders, routes, motorcycles, and garages — through to patterns, templates, responsive rules, motion, accessibility, and RTL & Arabic support.
- Category
- Design Systems
- Role
- Design systems
- Tools
- Figma
- images
- 64
These screens are selected highlights — the complete experience lives in Figma.
Design system excerpts
01 — System Overview
1 images02 — Cultural Research
1 images03 — Design Principles
1 images04 — Foundations
2 images05 — Color
1 images06 — Typography
1 images07 — Spacing
1 images08 — Grid & Layout
1 images09 — Material Language
1 images10 — Image Direction
1 images11 — Iconography
1 images12 — Graphic Assets
3 images13 — Components : Actions
1 images14 — Components : Navigation
1 images15 — Components : Forms
1 images16 — Components : Content
1 images17 — Components : Data
1 images18 — Components : Feedback
1 images19 — Rider Components
1 images20 — Motorcycle Components
1 images21 — Route Components
1 images22 — Garage Components
1 images23 — Patterns
1 images24 — Templates
23 images25 — Responsive
1 images26 — Motion
1 images27 — Accessibility
1 images28 — RTL & Arabic
5 images29 — Playground
1 images30 — Documentation
1 images31 — Changelog
1 imagesCover
4 imagesThese screens are selected highlights — the complete experience lives in Figma.
