Style Guide Template

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

Interactive Elements

In-text link

Crazy? I was crazy once. They locked me in a room. A rubber room. A rubber room filled with rats. And rats make me crazy. Crazy? I was crazy once...

Navigation Link

CSS selector:

.button-nav

Rendered element:

Default Button

Text Input Field with Label

Image as a Link

A grey rat underneath a pale blue and white blanket.

Text Elements

Headings

Header 1

Header 2

Header 3

Header 4

Paragraphs

Crazy? I was crazy once. They locked me in a room. A rubber room. A rubber room filled with rats. And rats make me crazy. Crazy? I was crazy once. They locked me in a room. A rubber room. A rubber room filled with rats. And rats make me crazy. Crazy? I was crazy once. They locked me in a room. A rubber room. A rubber room filled with rats. And rats make me crazy. Crazy? I was crazy once. They locked me in a room. A rubber room. A rubber room filled with rats. And rats make me crazy. Crazy? I was crazy once. They locked me in a room. A rubber room. A rubber room filled with rats. And rats make me crazy. Crazy? I was crazy once...

Numbered Lists

  1. Crazy? I was crazy once.
  2. They locked me in a room.
  3. A rubber room.
  4. A rubber room filled with rats.
  5. And rats make me crazy.

Combined Elements

Main Navigation

Product/Service Listing

Citations