Work in progress

Resources

General

Specific Topics

Buttons vs. Links

Color

Design Tokens

Layout

Frameworks

Minimal

Minimal frameworks stick to only modifying the base elements, instead of creating a heavy set of classes. These allow you to focus on semantic HTML.

They're ideal for simple websites and prototypes:

Full

Full frameworks provide higher level components such as menus and cards. Full frameworks usually also provide layout and utility classes, sometimes icons.

They may require JavaScript for some higher level components to fully function: