The weekly edit /
Welcome to Design News: a short edit of useful tools, practical methods, and ideas worth bringing into your next project. Our first issue starts with color in context and a few ways to get past the blank canvas.
Penpot’s typography token tutorial shows how a reusable text style can carry font family, size, weight, line height, and letter spacing together. The small shift from one-off text styles to named tokens makes it easier to change a system without hunting through every screen.
Penpot / typography tutorialIn a September 3 tutorial, Penpot explains the difference between background guides and grid layouts. Guides help with manual alignment; grid layouts apply rules for placement, spacing, and resizing. A useful read when a tidy desktop composition needs to handle real content and smaller screens.
Penpot / September 3, 2026CSS relative colors let you derive a new color from an existing one, adjusting channels instead of maintaining a separate hard-coded value for every variation. MDN explains the syntax and examples. Try a small set of related surfaces, then check support and contrast in your target browsers.
MDN Web Docs / referenceThe W3C’s practical design checklist starts before implementation: use sufficient contrast, do not rely on color alone, make interactive elements easy to identify, and design for different viewport sizes. Treat these as early decisions and fewer late fixes follow.
W3C Web Accessibility Initiative