Posts tagged “Color”

Code Patterns & Style Guides

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.

Read More »

Get Started with Design: 4 Useful Tools & Tutorials

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, Practice Code Theory for People Who Code 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.

Read More »

Color Theory for Coders

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.

Read More »

How to Choose Beautiful & Accessible Brand Colors for Your Website

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.

Read More »

Let’s Build Something Together!

We want to hear all about your software ideas. Fill out our contact form, join our public Slack chat, or tweet @oddbird to start the conversation.