Fluid Layout & Sizing

Explore viewport-responsive fluid type and space scales using clamp() — resize the preview to see tokens scale in real-time, then export production-ready CSS.

Preset

Min viewport

Max viewport

Type ratio at min vw: 1.125

Type ratio at max vw: 1.333

Space ratio at min vw: 1.333

Space ratio at max vw: 1.500

Preview

—

Type Scale

Token	Min (px)	Max (px)	Current (px)	clamp() formula

Space Scale

Token	Min (px)	Max (px)	Current (px)	clamp() formula

Interpolation Curves

Type scale Space scale

Generated CSS

Fluid Token Definitions

Standalone VB-native