Open Source


Manage typography and webfonts in Sass projects

Accoutrement-Type provides typography and font-management utilities. Gather all your webfont data into organized maps, access them by name, and easily import local font-files. We also include helpers for test-accessibility and pseudo-elements.

‘npm package’ ‘build status’

Organize all your webfont data in organized maps, automate local font-file imports, and generate full font-specimens with Herman. Fonts can be named and accessed by any alias. We also include a small set of utilities for managing type-accessibility and pseudo-elements with generated content.

npm install accoutrement-type

Accoutrement Modules

OddBird’s Accoutrement toolkits are designed around the idea that code should be meaningful to both humans and machines – opening the door for automation, while improving readability. These tools integrate with Herman, our automated pattern-library generator.


Lightweight browser normalization. This is the only Accoutrement library with direct CSS output when imported.


Manage your color palettes in one place, and access them from anywhere with optional accessibility guidance from the WCAG.


Manage your webfonts, import them all with a single command, and access font-stacks on-the-fly, with utilities for generated content and accessibility.


Manage a system of consistent sizes to use across your project for typography, spacing, layout, and more. Generate sizes based on modular-scale ratios, and access sizes in any unit you need.


Layout utilities including named media-queries, shorthand positioning, fluid aspect-ratios, box-sizing, and float-clearing.

Start the conversation…

Interested in a chat with Miriam to find out more? Ask us anything; we’re happy to answer your questions, big or small. If your business is a good fit, we’ll offer a free in-depth project assessment!

Schedule a call with Miriam