---
title: "Utopia"
description: "Calculators that generate fluid type, space and grid scales interpolating between a small and large viewport, so layouts scale without breakpoints."
canonical: "https://vibing.inc/library/utopia-vg-2115"
category: "Design Systems & Foundations"
subcategory: "Layout & spacing"
license: "free"
author: "James Gilyead & Trys Mudford (@trysmudford)"
source: "https://utopia.fyi"
---

# Utopia
Calculators that generate fluid type, space and grid scales interpolating between a small and large viewport, so layouts scale without breakpoints.
## Facts
- Source: https://utopia.fyi
- Category: Design Systems & Foundations / Layout & spacing
- Author: James Gilyead & Trys Mudford (@trysmudford)
- Licence: free
- Tags: typography, spacing, fluid, clamp, responsive
## Why it's a gem
Replaces breakpoint stacks with two anchor scales and a clamp() formula.
---
Listed in The Vibeary: https://vibing.inc/library/utopia-vg-2115 · JSON: https://vibing.inc/api/public/library/gems/utopia-vg-2115