Style Guide Template

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

Interactive Elements

In-text link

Click here for info on SFU

Navigation Link

CSS selector:

.button-nav

Rendered element:

Default Button

Text Input Field with Label

Image as a Link

an image of SFU burnaby

Text Elements

Headings

Biggest

Bigger

Big

Small

Paragraphs

My name is Amitoj Singh Sareen. I am from New Delhi, India. I am 22 years old.

Numbered Lists

Combined Elements

Main Navigation

Product/Service Listing

Citations