21 Awesome Web site UI design style guide

In web design or APP UI design, designers often take the time to organize various UI elements, such as font size, paragraph spacing, button color, size, and so on, in order to better standardize the design of documents, while making Style Guide may waste some time but has other benefits. For example, make sure that the UI design style is consistent and that developers follow the style guide to develop and save time for communication.

Today, we have compiled 21 good UI design instructions, designers can follow this Fan Benlai for their own project to make a UI design instructions, with this design style guide, you can also see whether their work is clean and standardized and improve communication efficiency.

1. UI Style Guide

2. Process Assets

3. PRODUCT Guidelines

4. Duolingo Design Guidelines

5. UI Style Guide

6. UI Library

7. EL Passion UI Style Guide

8.WIC Style Guide

9. Brian Johnson–style Guide

10.Colour and Type

Colors and Interface Elements

Style Guide

Salesforce UX Product Style Guide

Lystable ui/x Style Guide

Uber Brand Guide

UI Style Guide

UI Guide

Introducing the Salesforce Lightning design System

Haywire Style Guide

Branding WIP

Brand applied