HeyDesigner - Instagram's brand refresh

Hi Reader, these are my design and frontend picks this week.

Highlights of the week

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. - Chromatic  Sponsored

Instagram's brand refresh - We created a custom typeface, updated our gradient and color palette, and refined our approach to layout and design. - Instagram / filed under Branding

Four tradeoffs when designing navigation menus - To be an information architect is to immerse oneself in tradeoffs: sacrificing one approach or direction for another. - Dan Brown / filed under Information Architecture

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. - Oliver Schöndorfer / filed under Typography

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. - Darren Yeo / filed under Product Design

The optimal line length - Having the right amount of characters on each line is key to the readability of your text. - Edward Scott / filed under Typography

Design engineering

Systemising SEEK's brand palette - Systemising colour from our original brand palette. - Brad McLean / filed under Design System

GOV.UK drops jQuery from their front end - GOV dot UK dropped their jQuery dependency from their front end. You’ll never guess what happened. (Yes, you will) - Jeremy Wagner / filed under Frontend

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. - Adrian Bece / filed under HTML & CSS

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. - Erik D. Kennedy / filed under Typography

Min-Max-Value interpolation - A tool that calculates the CSS clamp formula to interpolate between two values in a given viewport range. - 9elements / filed under Typography

Inspiration and creativity

Mental minimalism - Thinking about your thinking is conscious and implies presence and awareness. - Dan Koe / filed under Creativity

Last but not least

A look back at Config 2022 - We've rounded up highlights that might inspire you to do just that. - Ted Brown / filed under Inspiration

Thanks for reading! If you have any feedback, just reply to this mail and I will get back to you.

Cheers,
— Tamas

You are receiving this email because you opted in at heydesigner.com.

HeyDesigner by Tamas Sari — Oarany street 22261, Budapest 1037, Hungary

Unsubscribe | Update email frequency | Forward to a friend