Style Guide Template

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

Interactive Elements

In-text link

How to find the cutest dogs:

Cute Dogs

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

The cutest dog breeds:

cute dog picture

Text Elements

Headings

BERNIESE MOUNTAIN DOG

GOLDEN RETRIEVER

SHITZU

TEACUP CHIHUAHUA

Paragraphs

The dog or domestic dog (Canis familiaris or Canis lupus familiaris) is a domesticated descendant of the wolf, and is characterized by an upturning tail. The dog is derived from an ancient, extinct wolf, and the modern wolf is the dog's nearest living relative. The dog was the first species to be domesticated,[9][8] by hunter–gatherers over 15,000 years ago,before the development of agriculture.[1] Due to their long association with humans, dogs have expanded to a large number of domestic individuals[10] and gained the ability to thrive on a starch-rich diet that would be inadequate for other canids.

Numbered Lists

Combined Elements

Main Navigation

Product/Service Listing

Citations