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.


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

Browse styles


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

Browse components


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

Browse patterns


Standalone examples of components and patterns.

Browse examples


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.


Contribute to this design system on Github.


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.