What should be the contrast level of inactive buttons?

Using the APCA Readability Criterion to improve the accessibility of disabled controls Disabled buttons. They need to look non-interactable. But they also can’t be completely unreadable. How do I find the sweet spot? I spent a few hours in a deep dive going through a bunch of blogs and accessibility guidelines documentation in search for best approaches… Continue reading What should be the contrast level of inactive buttons?

Shhh: don’t tell anyone, Figma’s latest feature, Design in uncertain times

Weekly curated resources for designers — thinkers and makers. You say you won’t detach instances. You will detach instances. Shhh: don’t tell the new designers →By Michael McWatters The UX Collective is an independent design publication that elevates unheard design voices, reaching over 500k+ designers every week. Editor picks Design in uncertain times →How design can shape our… Continue reading Shhh: don’t tell anyone, Figma’s latest feature, Design in uncertain times

What is a Design System? A simple guide to get started

A design system is a library of guidelines and reusable components that should establish the consistency of the product experience. The goal of a design system is to create a single source of truth, that is visible and maintainable by the team. Perhaps not all teams need a design system. However, from my personal experience,… Continue reading What is a Design System? A simple guide to get started

Some questions you ought to answer before building your Design System. Part One.

Part 1 Or ‘What I didn’t know I needed to ask before I started.’ Jeremy Brett Follow Sep 29 · 10 min read In this first of a two part post, I look at getting buy-in for and measuring the value of Design Systems. Part two is coming soon … Milton discovers he is the… Continue reading Some questions you ought to answer before building your Design System. Part One.

8 Ways to Kickstart a Design System

Recently, I was part of a 3-person team of consultants who in 12 weeks built the foundations of a new design system. That design system is now used in multiple products and is contributed to by other developers and designers. In this post you’ll find some of the techniques we used to make the project… Continue reading 8 Ways to Kickstart a Design System

Eva: A free Design System for Sketch

Eva is a free and Open Source Design System for Sketch released by the awesome Akveo team. It includes 650+ symbols, 258 layer styles, 480+ icons and tons of components. Eva Design System is a great resource to get started with a consistent design project. It is very easy to customize and much more than… Continue reading Eva: A free Design System for Sketch

Popular Design News of the Week: December 25, 2017 – December 31, 2017

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.  The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however,… Continue reading Popular Design News of the Week: December 25, 2017 – December 31, 2017

Creating a first Product Design System in Sketch

The first days I remember the first day I joined Agorize, I asked the PM if there is a styleguide I can use in Sketch. He told me we didn’t have any styleguide and only had some screens designed in Photoshop. The problem is that we have a product with a consumer-facing side and a client-facing… Continue reading Creating a first Product Design System in Sketch