Design

Full list of the official named colors from the CSS specification.

Designing an intranet requires skills in UX design and research, service design, content strategy, IA, or working with stakeholders. This article compiles our resources to help anyone designing a new intranet or sprucing up an old one.

Is your design system really a system …or is it more like a collection of components?

A few relevant analogies, important references to inspirational figures, and the case made for refusing to wait a minute longer.

An interview with Senior Visual Designer leading icons and design systems for Google Fonts, Sehee Lee

The HIG contains guidance and best practices that can help you design a great experience for any Apple platform.

How typefaces impact emotions remains largely unstudied, but a new report suggests that different fonts can elicit different emotions.

When choosing typography to use in designs, narrow down your options by understanding the most common classifications, looking for typefaces with multiple variations and distinct characters, and pairing typefaces together with consistency and readability in mind.

Is mobile-first CSS always the best option? Patrick Clancey explores the pros and cons of the classic methodology, as well as when other solutions might work better.

The idea of “foundations” is one of the biggest threats to creating a design system people use

Following up on my #designsystem hot take from last week, I wrote down some thoughts about the folly of chasing the idea of “foundations:” https://t.co/HU7YFRRqDs— Dan Mall (@danmall) June 13, 2022

Explore 1000s of components and libraries

Explore the world’s UI components to learn techniques that actually work

Seemingly outmoded technologies sometimes hold the key to better user experiences.

So we are building a CAD or a drawing app. It has lots of handy tools and an infinitely large space. There’s enough room for drawings, notes, and anything else. We start with a blank page, literally…

Leonardo is an open source project from Adobe that helps you pick accessible colors. There’s a JavaScript API along with a browser tool that lets you select colors interactively. Color is a c…

Moderating a usability test? Follow these 10 simple steps to make your sessions go smoothly. Download an example facilitator guide at the bottom of this article.

Inclusive design describes methodologies to create products that understand and enable people of all backgrounds and abilities. It may address accessibility, age, economic situation, geographic location, language, race, and more.

From working with design handoffs to supporting custom themes in a design system, the CSS `color-contrast()` function can become a cornerstone for developers by enforcing accessible UIs.

Free loaders & spinners for your next project. Built with HTML, CSS and a soupçon of SVG. Available for React and copypasta.