Skip to main
Stacy teaching developers at an event

Integrated Design Systems

Want to reduce technical debt and scale your applications?

OddBird provides design-system training and implementation – including strategy & design audits, automated style guides & pattern libraries, component libraries, integrated toolkits, and robust front-end architecture. If you’re a project manager, scrum master, or team leader, why not make your job easier?

When the inventor of the modern design system names you as the number one person she’d hire to build a design system, well then I jump! I’m grateful she put us in contact.

I appreciated the specific experience OddBird brought to bear in terms of building component libraries, particularly the need to incrementally import the component library in order to have it successfully be used.

Integrating Tools & Processes

Whether you want short-term training for your team, or active consulting on the design and development of your system, we have you covered. We’re experts at building systems on a budget, and integrating tools & daily process to keep your system meaningful and up-to-date.

Your team will learn to…

Herman Automated Style Guide

Herman is a free tool made by OddBird which creates a living pattern library from the code in your CSS files. It saves time by standardizing designer/developer communication, on-boarding, and hand-off, helping to make your life a little easier.

Depending on your needs, Herman may be included in a design systems training and implementation project. We work with you to determine the best tools for your company.

Herman color palettes

2020 Resources

  1. Miriam talking with Jen Simmons and others
    Workshop resource type

    Resilient Web Systems

    Upgrade your app with front-end training & consulting

    see all Workshop resources
  2. Podcast resource type

    Design Systems AMA

    Jina and I answer questions about CSS, Sass, Design Systems, and more!

    see all Podcast resources

2019

  1. Sample organized color swatches with hex and hsl values
    Talk resource type

    Agile Design Systems

    with meaningful code and automation

    see all Talk resources
  2. Podcast resource type

    Design Systems & CSS

    We start by talking about design systems and design tooling – how they differ, and the problems they solve.

    see all Podcast resources

2018

  1. Article resource type

    Beyond Tellerand

    Grid Systems & Vue Invaders!

    I love when conferences give me the opportunity to travel around the world. I love it even more when conferences go beyond the web to find inspiration from other fields. Beyond Tellerand (Düsseldorf, Germany) was the best possible combination.

    see all Article resources
  2. Article resource type

    VueConf US

    Agile design systems in Vue

    I’ve been excited about Vue.js since Sarah Drasner first showed me the basics. Since then, we’ve started using it for client work at OddBird, and I’m constantly impressed by the power and simplicity – so it was a real honor being invited to speak at the first VueConf US in…

    see all Article resources
  3. Article resource type

    Herman Style Guides

    An agile approach to design systems on a budget

    Design systems streamline development, communication, and consistency – but often rely on dedicated teams and extended budgets. We wanted a tool to create and maintain living style guides & pattern libraries in an agile process, and on a budget. Herman helps keep our development flow simple, and our UX consistent…

    see all Article resources

2017

  1. see all Talk resources
  2. Article resource type

    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.

    see all Article resources

2016

  1. see all Article resources
    Article resource type

    Clarity Conference

    It was an honor to be part of the first ever Clarity Conference in San Francisco – a beautiful event organized by Jina, and completely focused on Style Guides.