Style Guide Template

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

Interactive Elements

In-text link

Daily Dose of Derpy Doggos

Navigation Link

CSS selector:

.button-nav

Rendered element:

Default Button

Text Input Field with Label

Image as a Link

A small black pug using their last braincell, head empty, no thoughts

Text Elements

Headings

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 5

Paragraphs

One day I want to own a dog but I am worried about owning a dog because all the dogs breeds I like are all big breeds. I am too concerned about if I'll be able to find an appropriate living place to move into if I get a big dog because most studio apartments or condos don't allow pets and I worry if there will be enough space for the dog to move around and go outisde. One day I want to own a dog but I assume I might have to look for a small to medium size dog instead and make sure the place I live in allows pets. Hopefully not a breed that isn't too loud.

Numbered Lists

Top 3 Favourite Dog Breeds:

  1. Samoyed
  2. Shiba Inu
  3. Huskey

Combined Elements

Main Navigation

Product/Service Listing

Citations