Understanding Aspect Ratio Calculator
A practical guide to Aspect Ratio Calculator: what it means, how it works, and how to use the interactive aspect ratio calculator.
Design Blog covers UK design practice at the depth an analysis piece deserves: criticism of real work, studios named and examined, and guides to typographic scale and grid systems written for someone who has already put in a year on the tools. Alongside the writing sit a handful of browser-based calculators for the parts of the job that are more arithmetic than judgement, useful for a first pass, though like any calculator they can give you the wrong answer, so check the result against your own eye before you trust it.
Build a token system with the CSS Variable Architect Check a palette with the True-Contrast Smart PaletteAnalysis, criticism and the odd argument, in the order we published it.
A practical guide to Aspect Ratio Calculator: what it means, how it works, and how to use the interactive aspect ratio calculator.
A practical guide to CSS Unit Converter (px / rem / em / vw / vh): what it means, how it works, and how to use the interactive css unit converter (px / rem / em / vw / vh).
A practical guide to CSS Variable Architect: what it means, how it works, and how to use the interactive css variable architect.
A practical guide to True-Contrast Smart Palette: what it means, how it works, and how to use the interactive true-contrast smart palette.
A working tool, a section of criticism and a directory of studios: three different ways to use the site depending on what you came here to do.
Set custom properties (CSS variables) up as a design system with structure.
Try the tool →Long-form writing on rebrands, interfaces and industry decisions that takes a position.
Read the section →A directory of practices working across brand, product and digital design, organised so you can browse by discipline.
Browse the directory →Both are built to check the fiddly, measurable parts of a design so you can spend your judgement elsewhere, and like any calculator they can be wrong if the input they're given is wrong.