How we designed a color system with hand-picked, vibrant colors that also met standards for accessibility and contrast.

Easy-to-follow guidelines can make accessibility part of your everyday design process

It’s more important than ever to consider mental health while designing.

An open-source checklist to help you plan, build and grow your design system.

We've opened up the music box and described how we've shaped the tool to suit our needs and culture at Spotify.

Monzo are building a smart bank on your smartphone and we need your help to create the bank of the future.

90-minute Design course: Accessible design is a design process that specifically considers the needs of people with disabilities. In this course, you’ll learn about the standards in place to guide designers in creating experiences that are accessible to all users as well as techniques to help bring your projects up to those standards.

by Nick Babich

Modal dialogs interrupt users and demand an action. They are appropriate when user’s attention needs to be directed toward important information.

How do you logically construct well-founded UIs as a designer instead of relying on your gut feeling?

Dribbbleshots just might be the hotbed of questionable dashboards. Striking visuals, little context, and no research: all recipes for mediocrity. Mediocrity won’t do. We’ll pursue greatness. And in that pursuit, we’ll cover research, decluttering, and data visualization.

Geri Reid, UI and UX Designer, London

Access Guide is a friendly introduction to digital accessibility based on WCAG 2.1 (web content accessibility guidelines).

Learn how to effectively present your product designs to non-designers, clients, or other stakeholders on your team. Gain insight on how to successfully communicate your UI/UX designs so you walk away with useful, actionable feedback. Shot by [Abul Bashar Muhammad Salahuddin](https://dribbble.com/shots/3837903-presentation).

OH no Type Co. Retail and custom typefaces. Life’s a thrill, fonts are chill!

Through a highly iterative process, a small team of engineers and designers worked closely together to rethink some of our standard user interface components, in order to develop the experience that you see in the Instagram Threads app.

Companies are facing a crisis in scaling design, and it’s costing them customers. The solution?

Joining a new job remotely can be… nerve-wracking. There’s a lot to take in — a lot of people to (remotely) meet, unspoken cultural cues…

How we embraced a growth mindset and ended up with a more robust ecosystem of selection patterns

A collection of best articles, resources, and videos that helped me learn all about design systems - curated by @saura3h

Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making it easier to align fallback fonts to the final fonts.

Mistakes. These cruel villains do not even stop at the beautiful world of software development. But although we cannot avoid making mistakes, we can learn to undo them! This post will show the right tools for your daily work with Git.

Join a community of the most supportive, growth-oriented minds in the UX field and transform the status quo of what it means to be human-centered in our work, our industry and our personal lives.

The Component Gallery is a collection of components from the best Design Systems.

Reliable accessible front-end components: :focus styles, content sliders, dark mode, data charts, date pickers, form styles, navigation menu, modals, radio buttons, "skip" links, SVGs, tabs, tables, toggles and tooltips.

Checks contrast using SAPC rather than the current WCAG methods. SAPC is supposed to be much more realistic to how the human eye sees contrast.

Really interesting discussion on the failings of the current WCAG color contrast ratios. The W3C's specification for determining sRGB contrast as discussed in "Understanding WCAG 2.0 and 2.1, Minimum Contrast 1.4.3" is not perceptually uniform and as a result ...

Over the past few months, I’ve been helping Lyft build the initial version of our Figma design systems library with scripts…