About
Atoms
Molecules
Organisms
Design Principles
This style guide has been created to help designers, developers and PMs create and maintain user interface documentation. Documenting the user interface (UI) of a digital product or system reduces dramatically speeds up development time and helps to ensure new UI additions deliver a consistent experience to users.

Four Guiding Principles

1. Simple Build.

This style guide has been created with expansion and customization in mind, it provides a simple interface to browse design components, and it’s only dependency is Jekyll.

2. HTML First.

The components created in this styleguide are built with HTML first. This process encourages developers to build progressively with the most versatile front-end development language.

3. Design for Flexibility.

Using a style guide ensures patterns adapt correctly to meet user needs, offering variation, and yet, providing design consistency and familiarity. It also allows us to build components that work well in multiple digital channels.

4. Reuseable Best Practices

Design, develop, test, review, and repurpose patterns, code, and design. That results in a comprehensive collection of tried-and-tested assets that reflect industry best practices.