Connect Figma and Storybook - Use Storybook Connect plugin to embed stories in your Figma files. It helps you compare implementation vs design specs to speed up handoff and UI review. - Sponsored
Weekly recap #22
Design and frontend links this week.
Highlights of the week ↘
Instagram's brand refresh - We created a custom typeface, updated our gradient and color palette, and refined our approach to layout and design. -
Four tradeoffs when designing navigation menus - To be an information architect is to immerse oneself in tradeoffs: sacrificing one approach or direction for another. -
Product design ↘
Font Matrix: See and pair typefaces like never before - The Font Matrix is a different way of seeing typefaces. Knowing about it earlier would have saved me a lot of time and guessing. -
If design principles are for designs, then design values are for designers - Ultimately, design teams should consider defining a unique set of design values for their designers. -
The optimal line length - Having the right amount of characters on each line is key to the readability of your text. -
Design engineering ↘
Systemising SEEK's brand palette - Systemising colour from our original brand palette. -
GOV.UK drops jQuery from their front end - GOV.UK dropped their jQuery dependency from their front end. You’ll never guess what happened. (Yes, you will) -
Lesser-known CSS features - CSS is constantly evolving, and some cool and useful properties either go completely unnoticed or are not talked about as much as others for some reason or another. -
Tools and resources ↘
Interactive typography tutorial - Learn the logic of great typography. An interactive tutorial on typography, including how to pick great fonts, styling text, and typographical design patterns in UI design. -
Min-Max-Value interpolation - A tool that calculates the CSS clamp formula to interpolate between two values in a given viewport range. -
Inspiration ↘
Mental minimalism - Thinking about your thinking is conscious and implies presence and awareness. -
Last but not least ↘
A look back at Config 2022 - We've rounded up highlights that might inspire you to do just that. -
Subscribe to the newsletter
Design and frontend links delivered to your inbox every day or week. No spam, unsubscribe at anytime.