You are probably used to setting typography manually within breakpoints, which usually leads to a somewhat bumpy result. Fluid typography using viewport width (“vw”) automatically adjusts the font size to the width of the screen.
With the introduction of Smart Layout in Sketch 58, we can finally build adaptable symbols without the hacks, plugins or workarounds.
Using Abstract to version control sketch files, collaborate on designs, and maintain a source of truth for final designs to be implemented.
Color contrast is an important aspect of accessibility. Good contrast makes it easier for people with visual impairments to use products, and helps in imperfect conditions like low-light environments or older screens.
What components are, how they work, and best practices to incorporate them into your design workflow.
How Abstract improved file organization and collaboration in our design team.
Detailed wireframes, high-fidelity comps, and motion prototypes all got enshrined as critical deliverables. Those design artifacts are unimportant. Only one deliverable matters: the product itself.
We evaluate your color combination using the WCAG 2.0 guidelines for contrast accessibility. If your combination does not meet the guidelines, we find the closest accessible combination by modifying the color lightness.
This tool shows you how ADA compliant your colors are in relation to each other. By adding your brand’s colors on the right, you can generate a chart to see how they can be used together for accessibility, and find similar colors that work better.
This is a tool to help designers build color palettes with combinations that conform with accessibility standards.
Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.
Create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.
Take a set color palette and get contrast values for every possible combination – useful for finding safe color combinations with predefined colors and includes pass/fail scores for the WCAG accessibility guidelines.
Use the Colorblind Colorlab to select safe colors earlier in the design process.
A pack of more than 480 beautifully crafted Open Source icons for common actions and items.
The UK government's design principles and examples of how they've been used.
Create beautiful, accessible, and adaptive color systems using contrast-ratio based generated colors.
Here at Pa11y, we think making the web more accessible improves it for everyone. So we publish a range of free and open source tools to help designers and developers make their web pages more accessible:
The fastest, smoothest, most precise vector graphic design software available for Mac, Windows and iPad.
Design for the color impaired. A free color blindness simulator for Windows, Mac and Linux.
Typography is the visual component of the written word. Thus, being a publisher of the written word necessarily means being a typographer. This book will make you a better typographer.
Shape is a book about objectives, and it zooms out to answer a couple big questions: How does it feel to make things for other people? And how can we do so in a meaningful, engaged way?
Talking to people about your designs might seem like a basic skill, but it can be difficult to do efficiently and well.