Style

Material Design 3 sys tokens

Browse tokens

TokenValue
General
Motion
Duration
Duration tokens
TokenValue
Extra long 1md.sys.motion.duration.extra-long1DurationMs: 700
Extra long 2md.sys.motion.duration.extra-long2DurationMs: 800
Extra long 3md.sys.motion.duration.extra-long3DurationMs: 900
Extra long 4md.sys.motion.duration.extra-long4DurationMs: 1000
Long 1md.sys.motion.duration.long1DurationMs: 450
Long 2md.sys.motion.duration.long2DurationMs: 500
Long 3md.sys.motion.duration.long3DurationMs: 550
Long 4md.sys.motion.duration.long4DurationMs: 600
Medium 1md.sys.motion.duration.medium1DurationMs: 250
Medium 2md.sys.motion.duration.medium2DurationMs: 300
Medium 3md.sys.motion.duration.medium3DurationMs: 350
Medium 4md.sys.motion.duration.medium4DurationMs: 400
Short 1md.sys.motion.duration.short1DurationMs: 50
Short 2md.sys.motion.duration.short2DurationMs: 100
Short 3md.sys.motion.duration.short3DurationMs: 150
Short 4md.sys.motion.duration.short4DurationMs: 200