Style Guide Template

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

Interactive Elements

In-text link

Sometimes I like to disassociate and think I am floating away. When it happens, Tell Me by Georgee is an excellent song to disassociate to

Hello I'm Therese ! I'm currently in my third year at Simon Fraser University where I am studying Interactive Arts and Technology. During this time, I have developed a keen interest in UX and finding solutions to how technology can make one's lives easier. If I am not doing that, I am either working with my friends at Appnovation Technologies or SFU IT Services, feeding my curiosity on food chemistry or working on my next imaginary fashion catalog! Until then, I can't wait to connect with you!

Navigation Link

CSS selector:

.button-nav

Rendered element:

Default Button

Text Input Field with Label

Submit!

Image as a Link

Nook Sanders from Animal Crossing wanting your money

@Andrew and Alfredo I PROMISE it isn't a Rick Roll I PINKY PROMISE

Text Elements

Headings

This is heading 1

This is heading 2

This is heading 3

This is heading 4

Paragraphs

This is a paragraph

Numbered Lists

Combined Elements

Main Navigation

Product/Service Listing