Style Guide Template

A template you can use to start building out your own style guides with.

Interactive Elements

In-text link

Click here to share your favourite color.

Navigation Link

CSS selector:

.button-nav

Rendered element:

Default Button

Text Input Field with Label

Image as a Link

Here is a link to things that are pink.

Text Elements

Headings

Pink is the best.

I guess Green is okay too.

Orange could work.
Cream is sublime.

Paragraphs

'Colors' has many different spellings. It can be a Color or a Colour. You have to be careful when coding because Color will work but Colour may not be recognized.

Numbered Lists

Combined Elements

Main Navigation

Product/Service Listing

Citations