Living Style Guide documentation on the web
is a difficult problem,
gaining a lot of attention in the last few years.
Let’s take an in-depth look
at one way to store patterns directly in Sass,
and generate documentation automatically.
So you’d like to start learning design, but the number of tools and tutorials
available is overwhelming. Where do you start? I recommend Paper for
sketching out UX ideas, Practical Color Theory for Coders to
generate color palettes and learn color theory, Choosing the Right Font: A
Practical Guide to Typography on the Web as an introduction to typography,
and Adobe Experience Design for UX prototyping.
If you write code and you want to delve into design, Natalya Shelburne’s
Practical Color Theory for Coders will get you up and running with a
beautiful, cohesive, and accessible color palette using Sass color functions,
and teach you why her palettes work so well, all at the same time.
How do you select a set of colors that express the attitude of your
brand, look great together, and pass WCAG accessibility standards? How many
colors is too many? This step-by-step guide outlines OddBird’s process for
tackling these challenges.
It’s important to define your brand goals first and review them throughout
the process. Next, do some research for inspiration. What colors are the
other companies in your field using? Use Paletton to generate a cohesive
color palette. Test color contrast to ensure accessibility. Finally, create
prototypes to make sure you colors work well in context.