Herman: design docs

Automate design-system documentation directly from your Sass @ OddBird

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 iterate on patterns and scale over time.

Herman is my documentation dream come true, especially when it comes to systems design.

Claudina Sarahe

5 ‘open source’ episodes


Herman: design docsOddBird


Link: Book – Learning Susy @ Zell Liew

Popular CSS layout framework used by Virgin America, The Smithsonian, and others

Accoutrement: design utils @ OddBird

Design systems must be meaningful to both humans and machines Accoutrement provides Sass design-token management that improves readability and consistency, while encouraging automation. These tools integrate with Herman, the OddBird pattern-library generator.


True: unit-testing @ OddBird

True is a full-featured unit-testing library for Sass. The core functionality is written in pure SassScript, so it can be used anywhere Sass is compiled. Advanced features are available with our test-runner integration and Mocha.


Susy: layout toolkit @ OddBird

Susy is a lightweight grid-layout engine for Sass, designed to simplify and clarify responsive grid layouts without ever getting in your way. Originally released in 2009, Susy has become one of the most popular layout frameworks on the web.