Skip to main

Sondra Eby

Brand & user experience designer, since

Sondra is a brand and interface designer – as well as a marketing expert, and usability tester.

Sondra spearheads our design process through brand development, user experience design, and usability testing. She has been creating custom brands and integrated web graphics for over thirteen years. She has lead the marketing teams for a variety of small businesses, and acted as co-founder and Chief Marketing Officer of a personal care products manufacturing startup where she coordinated multiple crowdfunding campaigns that reached over 200% of their goal. Sondra is also a multimedia artist, author, and musician – bringing a unique perspective to audience engagement and interaction.

Open Source

Blend

Sass support for LCH, Lab, and more CSS color spaces

CSS Color Modules Level 4 & Level 5 include several new CSS color formats, new color-adjustment syntax, and a contrast function. Blend provides early access to many of these features, while working with Sass colors.

Cascading Colors

Dynamic & interactive color palettes using CSS

Generate dynamic and interactive color palettes. Define custom themes with CSS custom properties, allow user-adjustments with a bit of light-weight JS, and customize the underlying system with Sass.

Herman

Automated style guides

Design systems streamline development, communication, and consistency – but often rely on dedicated teams and extended budgets. We wanted a tool that helps create and maintain living style guides & pattern libraries in an agile process, and on a budget. Herman helps you keep your development process simple – and your UX consistent – as you scale over time.

Accoutrement

Integrated design-system management in Sass

OddBird’s Accoutrement tools help keep design tokens meaningful to both humans and machines – opening the door for automation, while improving readability. These tools also integrate with Herman, our automated pattern-library generator.

True

Unit-testing for Sass developers

True is the only full-featured unit-testing framework designed specifically for the Sass language. Write your tests in Sass, compile them with Sass, and then (optionally) pass the results to a Javascript test-runner for command-line control and reporting.

Susy

CSS layout framework

Susy was a responsive layout engine for Sass, before flexbox and CSS grid were available. Susy is now deprecated, and will not receive updates. If you need help moving off Susy, or learning the latest in web layout, we offer training and consulting to help bring you up-to-date.

2019 Resources

  1. see all Article resources
    Houdini bunny sticker
    Article resource type

    The Scary & the Inspiring

    8 CSS & UX things I learned at GenerateConf 2019

    As my first foray into the world of web design conferences, GenerateConf 2019 in New York did not disappoint. From human-centered AI to Object Oriented UX to the wonder of CSS Grid, here’s what I found interesting.

2017

  1. Article resource type

    Event: Live Q&A with OddBird

    Are you a startup founder looking to develop a new web app, or a company interested in expanding your web services? Here’s your chance to ask all those questions that keep you up at night.

    see all Article resources
  2. Article resource type

    Get Started with Design

    Four 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, Practical Color Theory for Coders to generate color palettes and learn color theory, Choosing the Right Font: A Practical Guide to…

    see all Article resources
  3. Article resource type

    Color Theory for Coders

    from Natalya Shelburne

    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.

    see all Article resources
  4. see all Article resources
  5. see all Article resources
    Jonny next to vertical stripes of color
    Article resource type

    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.

  6. Article resource type

    How to Choose Engaging & Accessible Typography for Your Website Brand

    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…

    see all Article resources

2016

  1. Article resource type

    Behind the Scenes: OddSite Brand Process

    What follows is an in-depth look at our brand design process thus far as we work towards a new look and feel for this, our OddSite. Details. Confessions. What worked. What flopped. And why.

    see all Article resources
  2. Article resource type

    Defining Goals, Exploring Possibilities

    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 eb presence, and proposing ways to improve communication about our process and services in order to attract new clients.

    see all Article resources