Style guides help developers to create useable, well-designed pages. They specify the rules that developers must follow (colors, textures, fonts, icons, etc.) when they implement web pages.

Why use them? They ensure consistency across a website and make design decisions easier. Instead of picking random colors or fonts, you follow the guide. Many companies publish their style guides publicly.

Some examples of style guides include:

Organization	Name of Design Brand
Tailwind	Tailwind CSS
Google	Material IO
Salesforce	Lightning Design System
Alibaba	Ant Design
Atlassian	Design Guidelines
Firefox	Photon Design
Adobe	Spectrum
IBM	Carbon Design
Shopify	Polaris
US Federal Government	Web Design Standards
Accessibility Resources	Web Accessibility

Most style guides include colors, textures, fonts, alignment, samples for a variety of common user interface elements, such as forms, images, headings, paragraphs, etc. As an activity, use this style guide template (also shown below) to select the colors, textures, and styles that instantiate your site’s look and feel. Try and make a few of them to experiment: