that you can copy-paste across projects. Note this is not a fixed scale (1em 2em 4em), but it grows with viewport size, so bigger screens can have bigger text and looser margins. No more breakpoints; only choose min and max supported viewports, and the rest is interpolated.
I do wonder about interpolating line heights, though. Does anyone who uses utopia.fyi have a good way to manage that?
Re organizing spacing and layout rules, I still struggle with that. One day I'd like to see what https://every-layout.dev/ recommends.
Good ideas. It's nice to hear a non-frontender's perspective.
For font sizing and spacing, I always recommend https://utopia.fyi. It generates CSS variables like:
that you can copy-paste across projects. Note this is not a fixed scale (1em 2em 4em), but it grows with viewport size, so bigger screens can have bigger text and looser margins. No more breakpoints; only choose min and max supported viewports, and the rest is interpolated.I do wonder about interpolating line heights, though. Does anyone who uses utopia.fyi have a good way to manage that?
Re organizing spacing and layout rules, I still struggle with that. One day I'd like to see what https://every-layout.dev/ recommends.