Foundations
The layers everything else is built on — colour, type, spacing, motion and the asset libraries.
Colors
Primitives and semantic tokens, light and dark
Typography
Text styles, the SP scale and adaptive scaling
Spacing
SP tokens on the 4px grid, three scaling modes, three families (fixed / cap130 / full)
Effects
Elevation shadows and surface treatments
Motion
Curves, durations and ready-made animation patterns
Icons
The full icon library across five styles
Illustrations
3D vehicles, maps and story artwork
Grid
Layout grid, breakpoints and column rules
Components
45 components. Each page carries the same seven sections — Overview, States, Anatomy, Layout, Animation, Usage, Accessibility.
BaseTextLine
3.0.1
Button
3.4.2
Card
3.3.22
CarouselContainer
3.0.2
Cell
3.4.13
Checkbox
3.1.3
ChipsAction
3.1.5
ChipsArea
3.0.1
ChipsChoice
3.0.5
Decorate Container
3.4.1
Destination Button
3.0.5
DraggingMapPin
3.0.1
Floating Button
3.4.0
FloatingContainer
3.1.1
Header Alert
3.0.8
IconContainer
3.0.5
Indicator
3.1.3
InputCode
3.0.1
Notch
3.0.3
Notification
3.1.6
NumericStepper
3.2.3
PasswordField
3.1.1
PhoneField
3.1.3
PinwheelPicker
3.0.2
PlateNumber
3.0.1
ProgressButton
3.1.3
ProgressStepsCompact
3.0.2
ProgressStepsList
3.0.2
RadioButton
3.1.2
Rating
3.2.3
SectionHeader
3.0.0
SegmentedControl
3.1.2
Service Card
3.0.1
Skeleton
3.1.4
SlidingButton
3.1.1
Slot
3.1.1
Snackbar
3.0.2
Squircle
3.5.1
Stack Container
3.0.2
StatusItem
3.2.2
Swoosh
3.0.2
Tag
3.1.0
TariffCell
3.1.0
Text Row
1.3.1
TextField
3.2.3