Style Guide Template

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

Interactive Elements

In-text link

Navigation Link

CSS selector:

.button-nav

Sample code:

<a href="#" class="button">Default Button</a>

Rendered element:

Default Button

Text Input Field with Label

Image as a Link

Text Elements

Headings

Paragraphs

Numbered Lists

Combined Elements

Main Navigation

Product/Service Listing

Citations