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.
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.
How do you choose the best fonts for a brand identity among the thousands
of options available on the interwebs these days? Whether you’re starting
from scratch or rebranding like us, this step-by-step guide can help focus
and direct your process.
First, define your brand goals. Next, explore your options. There are many
excellect resources that offer free, high quality, and accessible fonts; I
list 7 of my favorites in this guide. Create element collages to test your
typeface pairings in context. Finally, vote on the best options with your
OddBird met for a work retreat in April. On the Oddgenda: grow the company and redesign OddSite. I came home from retreat tasked with reviewing OddBird’s web presence and proposing ways to improve communication about our process and services in order to attract new clients.