# Utopia: build fluid type and spacing scales

Canonical source : [Utopia: build fluid type and spacing scales](<https://sebastien.rigaux.be/en/tech-watch/links/utopia-build-fluid-type-and-spacing-scales>)

Utopia defines scales for small and large screens and lets the browser interpolate between them. The approach helps build a coherent type system with fewer breakpoints.

- Selected on : 2024-10-15

- Entry updated : 2026-11-07T20:32:37+0000

- Format : Tool

- Source language : EN

- Credit : @trysmudford

Original resource : [Utopia: build fluid type and spacing scales](<https://utopia.fyi/>)

Tags : [Fluid typography](<https://sebastien.rigaux.be/en/tech-watch/tags/fluid-typography>) · [Responsive design](<https://sebastien.rigaux.be/en/tech-watch/tags/responsive-design>) · [CSS](<https://sebastien.rigaux.be/en/tech-watch/tags/css>) · [Design Systems](<https://sebastien.rigaux.be/en/tech-watch/tags/design-systems>)

Available versions : [Français](<https://sebastien.rigaux.be/veille/liens/utopia-construire-des-echelles-fluides-de-texte-et-d-espacement>) · [English](<https://sebastien.rigaux.be/en/tech-watch/links/utopia-build-fluid-type-and-spacing-scales>)

[Back to tech watch](<https://sebastien.rigaux.be/en/tech-watch>)