{
  "slug": "utopia",
  "name": "Utopia",
  "url": "https://utopia.fyi",
  "cat": "design",
  "group": "design",
  "tagline": "Fluid type and space calculator",
  "price": "Free",
  "tier": "free",
  "pick": false,
  "what": "A set of free calculators for fluid responsive design by James Gilyead and Trys Mudford, backed by Clearleft. You define type and space scales at a minimum and maximum viewport and it emits CSS <code>clamp()</code> values that interpolate between them. Type, space and grid calculators included.",
  "why": "Replaces a pile of breakpoint overrides with one generated block of custom properties. Paste it once and headings, gaps and padding scale continuously from phone to desktop without another media query.",
  "warn": "Copy the whole generated custom-property block rather than cherry-picking values — the scale only holds together if every step comes from the same generation.",
  "category": {
    "key": "design",
    "name": "Design tools, color & type",
    "desc": "Canvases, palettes, typefaces, icon sets, illustrations. Mostly free.",
    "group": "design",
    "groupName": "Make it look right"
  },
  "freshness": null,
  "health": {
    "ok": true,
    "status_code": 200,
    "final_url": "https://utopia.fyi/",
    "checked_at": "2026-08-18T21:45:05.257+00:00"
  },
  "corrected_at": null,
  "upstream_changed_at": null
}