Style Guide Template

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

Interactive Elements

In-text link

Click on this in-text link.

Navigation Link

CSS selector:

.button-nav

Rendered element:

Default Button

Text Input Field with Label

Image as a Link

Mario Wiki tells us more about Chef Toad

Text Elements

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Paragraphs

Chef Toad is a Toad character who appears as the head chef of Toadstool Cafe at Super Nintendo World. His red cap is similar to the Super Mushroom's design used since Super Mario World. Chef Toad appears in an animated video presented as a window from a waiting area into the kitchen of the café. In the video, the chef walks into view and begins preparing food, then notices guests through the window, greets them, and introduces them to the restaurant. The above text is from the Super Mario Wiki and is available under a Creative Commons license.

Numbered Lists

Combined Elements

Main Navigation

Product/Service Listing

Citations