Skip to content

Search the docs

Getting started

Introduction
Install
Contributing
Releases

Foundations

Principles
Colour
Typography
Spacing and sizes
Radius
Elevation
Motion
Theming

Icons

Transit and UI icons

Brand

Logo usage
Integration

Components

Overview

Web (CSS)

Button
Badge
Card
Chip
Icon button
Input
Route toggle
Segmented control
Spinner
Status
Table
Toast
Tooltip

Contracts

Route icon
Station marker
Bus marker
Line bar
Stop card
Arrival row

iOS app

Route filter
Mode shortcut card
Direction control
List row
Stop detail overlay
Core sheet
Map controls
Alert
Core tab bar
Core-sheet header
Inputs and actions

Utilities

Spacing utilities
Layout utilities
Text utilities
Visual utilities

Map

Map tiers
Line rendering
Vehicle positions
Selection and focus

Patterns

Global search
Alerts and step-free status
Widgets and Live Activities
App Intents
Reference screens
States
Screenshots

Platforms

Web
iOS: devices
iOS: system surfaces
iOS: HIG audit
iOS: iPhone Duo
iOS: gaps and sources
SwiftUI mapping
Android-compatible formats

Tokens

Reference

Foundations

Typography

Figtree type ramp, weights and Dynamic Type.

Figtree, bundled. Scale with Dynamic Type via relativeTo:. Digits in columns use tabular figures.

Font weight

PreviousColour NextSpacing and sizes

Generated from docs-src/, tokens/ and components/ by go generate ./....