No Style Design System

No Style Design system

Solve the same problems in the same way. Save time, and solve newer, bigger problems. Iterate through research.

Styles

The core styles that affect the look and feel such as colour.

Browse styles

Components

Re-usable parts of the interface. From buttons to form elements to menus.

Browse components

Patterns

Guidance for user-focused tasks such as helping users fix errors or pay for something.

Browse patterns

Examples

Standalone examples of components and patterns.

Browse examples

About

This design system accompanies the Form Design Patterns book available to buy on Smashing Magazine.

There's minimal rationale and guidance in this design system because that is all covered at great length in the book.

Contribution

Contribute to this design system on Github.

Credits

The layout and organisation of this design system is heavily inspired and influenced by the GOV.UK Design System.

The design system is built with Node and deployed to Heroku which I couldn't have done without the help of Graham Veal.