Style Guide Template

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

Interactive Elements

In-text link

Try to click here to see our citations.

Navigation Link

CSS selector:

.button-nav

Rendered element:

Default Button

Text Input Field with Label

Image as a Link

Go back to Google

Text Elements

Heading Level 1

Heading Level 2

Heading Level 3
Heading Level 4

Paragraphs

Subscribe to our emails to receive regular updates.

Numbered Lists

Combined Elements

Main Navigation

Product/Service Listing

Citations