How using component-based design helps us build faster

A case study from Twitter on the benefits of using a design system:

With component-based design, development becomes an act of composition, rather than constantly reinventing the wheel.

I think that could be boiled down to this:

Component-based design favours composition over invention.

I’m not saying that’s good. I’m not saying that’s bad. I’m also not saying it’s neutral.

Tagged with

Related links

What would HTML do? - The Cascade

Whenever I confront a design system problem, I ask myself this one question that guides the way: “What would HTML do?”

HTML is the ultimate composable language. With just a few elements shuffled together you can create wildly different interfaces. And that’s really where all the power from HTML comes up: everything has one job, does it really well (ideally), which makes the possible options almost infinite.

Design systems should hope for the same.

Tagged with

Responsive typography and its role in design systems | Clagnut by Richard Rutter

Okay, if you weren’t already excited for Patterns Day, get a load of what Rich is going to be talking about!

You’ve got your ticket, right?

Tagged with

Link colors and the rule of tincture

When you think of heraldry what comes to mind is probably knights in shining armor, damsels in distress, jousting, that sort of thing. Medieval stuff. But I prefer to think of it as one of the earliest design systems.

This totally checks out.

Tagged with

Home | The Component Gallery

Here’s an aggregator of components from multiple design systems.

Tagged with

Tagged with

Related posts

Composability in design systems

There’s probably a Pace Layer analogy in here somewhere.

Making the Patterns Day website

The joy of getting hands-on with HTML and CSS.

Declarative design systems

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

Even more writing on web.dev

Five more articles on modern responsive design to close out the course.

Hard to break

Brittleness is the opposite of resilience. But they both share something in common.