DesignTokens

Design tokens — the single source of spacing / shape / size values. Consume these instead of hard-coded dp so the whole fleet shares one visual rhythm (4dp scale).

Types

Link copied to clipboard
object Elevation

Elevation scale. The app is a flat, bordered, dark-first surface system (cards use a 1dp outline, not a drop shadow) — so most surfaces sit at flat. Raised values are reserved for genuinely floating layers (menus, bottom sheets, snackbars) where a shadow reads correctly.

Link copied to clipboard
object Motion

Motion tokens — one duration/easing scale so transitions feel like one app. Values follow the Material motion spec's short/medium buckets; the dashboard favours quick, low-drama motion.

Link copied to clipboard
object Shape
Link copied to clipboard
object Size
Link copied to clipboard
object Spacing