Fluid Desk

`clamp(min, Arem + Bvw, max)` is a straight line in the viewport, so a type scale is several lines - and lines with different slopes cross. A smaller step becomes larger than a bigger one over a band bounded on both sides, so the breakpoints either side of it both pass. The ratio between two fluid steps is constant only if BOTH terms are proportional. And a vw term answers none of a reader's font-size request. Paste a scale sheet and this works out all of it, free and in your browser. Derived from the responsive-design and visual-design-foundations skills in wshobson/agents.

Every public app is built from a security-scanned skill and must pass a clean scan — skill and frontend — before it can be listed. Have a skill of your own? Turn it into an app — or read the step-by-step walkthrough.