Design calculators

Reach-for-them-twice-a-day utilities for designers and front-end developers. Each tool runs entirely in your browser and is optimised to be readable on a phone — useful when a question arrives mid-meeting.

The aspect-ratio calculator handles the two questions that come up every week: “what’s the reduced ratio of these dimensions?” (1920×1080 → 16:9) and “keep the ratio, give me the other dimension if width is X?”. It also previews the result as a live rectangle so you can sanity-check before pushing the asset through a build pipeline. The DPI / PPI calculator separates the two quantities that are casually conflated — pixels-per-inch on screens versus dots-per-inch on print — and ships with presets for the phones, laptops, and printers people actually own, so you rarely need to type a manufacturer spec sheet from scratch. Both tools round to integers in the output by default; toggle decimal mode when you need the unrounded value for a CSS calc or a print bleed calculation. None of the inputs ever leave the page, which matters for asset names and brand-confidential dimensions.