Style Guide

Atoms

Atoms are the basic building blocks of matter. Applied to the web interfaces, atoms are our HTML tags, such as a form label, an input or a button.

Atoms can also include more abstract elements like color palettes, fonts, and even more invisible aspects of an interface like animations.

Like atoms in nature they're fairly abstract and often not terribly useful on their own. However, they're good as a reference in the context of a pattern library, as you can see all your global styles laid out at a glance.

1. Logo
2. Avatar
3. Palette
4. Typography
5. Links
6. Buttons
7. Input Elements