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?
Tag: Design System
How to name tokens in a Design System
The shapes of naming taxonomies for scale. Continue reading on UX Collective »
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
Adopting and maintaining a Design System
Monica Guerrero Follow Jan 8 · 5 min read Building a design system is one thing, but having people adopt it and maintain it, is another. In this blog, I’ll talk about the next steps — after a design system is built. Our design system on Zeroheight During my time at Juvo, we deployed our… Continue reading Adopting and maintaining a Design System
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