Resources
App
Hemingway Editor
Hemingway is a copywriting app that helps you to write readable and short articles. The app offers a minimalistic writing style to edit your piece, suggesting simple phrases, short sentences and use of passive voice. Desktop app versions are available for sale at USD19.99
Tool
Colorbook
Colorbook converts colors easily to any printing and coding format. It also visualises color pairing as web design color scheme.
Game
Munsell Hue Test
Train your eyesight to be laser-like. Munsell Hue Test is a fun yet challenging game to arrange color block by hue order. Lower the score is better.
Tool
WebGradients
Subtle color gradients collection made for website background. CSS code, PNG, Sketch and PSD previews are all set.
Collection
Really Good Emails
Really Good Emails without any explanation collects the best email copywriting for your customer outreach and retention. Users can also filter emails by categories to look for writing inspiration. (E.g. Behavioral, promotional, transactional etc.)
Tool
Colorbox
Color Scheme generation tool built by Lyft Design Team. Able to create smooth transition between palettes by adding color steps. Read more on their approach to color design.
Brandcolors
Helpful reference collecting 600+ brand color codes all over the world.
Tool
Eva Design System
A deep learning semantic color generator for user interface states.
Guide
Figma Best Practices
Library
Inclusive Components
A blog that advocate inclusive web interfaces and components, to make the web more accessible
Stark Public Library
Free accessibility resources library, formerly known as a11yresources.
Collection
Career Ladders by Staff.design
Great material to plan your career and reflect on your current role, public career ladder from teams like Figma, Basecamp and GitLab. By @brian_lovin
App
Pastel
Build color palettes for free with importing images from camera. Sync across iCloud and available for free on iOS and macOS.
Apple Accessibility
Redesigned Accessibility page by Apple. Discover accessibility features and how to design better UX with accessibility in mind.
Video
Writing for Interfaces
Apple's WWDC 2022 Video. Create clear, conversational, and helpful writing and provide tips for interfaces copy
Plugin
Supa Gradient
Supa Gradient plugin allows you to create and manage gradients
Guide
Design System Structure Guides
Design system structure guide help you to pick the right file hierarchy according to your figma plan! Analyzed the complexity, pros and cons for each options too! Super useful
Guide
Readability Guidelines
It's amazing to see changing the text alone improve readability and usability. This wiki has provided more than 100 guidelines on how to write and design for content.
Plugin
Eightshapes Spec
Generate handoff specifications automatically to auto layout components
Report
State of Service Design
Comprehensive and exhaustive findings from the first Service Design benchmark survey in the U.S.
Tool
Speak Human
Generate human-centric microcopy for all purposes
Mailchimp Content Style Guidelines
Mailchimp Content Style Guide
Tool
Shots
Shots is a free mock-up tool for desktop and mobile screenshots with customizable background for presentation and website
Guide
The Shape of AI
Collection of patterns and experiences that will shape by artificial intellience