I’m like 98% sure that you should set `text-wrap: pretty;` by default globally in your app. It gives you nicer line breaks (avoids orphans),which is what you want most of the time. Then fix the edge cases where orphans are actually what you need like some headings (edge case!).↗

introducing Craft a collection of design engineering concepts oss, free, and wip craft.gustavofior.com↗

I made an interface cheat sheet full of small things you can do right away to make your interfaces better. It’s based on the /better collection of skills and it's a mix of best practices and some of my personal preferences. interfaces.dev/cheat-sheet↗

Design is full of codewords. Knowing them changes what you can ask for, and what you can get back, whether you're working with devs, or an AI. “tint this neutral color”, “fix this widow”, “nudge it to the optical center” I wrote them down: index.how/to/articulate↗

Product design cheatsheet, bookmark this: - Font: SF Pro, regular and medium - Font size: 12px, 13px (base size), 14px, 16px, 18px, and 24px (the biggest) - Colors: subtle (B5B5B5), default (EEEEEE), strong (FFFFFF), bg-selected (212121), border (FFFFFF 4%) - Icon: @nucleoicons…↗

Introducing Interfaces A design engineering magazine about building great interfaces. A new issue is released every month covering topics across animation, typography, layout, color and everything else that makes an interface feel great. interfaces.dev↗

Pretext provides fast, accurate, and comprehensive text measurement and layout utilities for rendering text with correct sizing and spacing.↗