Style Guide Template

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

Interactive Elements

In-text link

Athletic Shoes for Women | lululemon

Navigation Link

CSS selector:

.button-nav

Sample code:

<a href="#" class="button">Default Button</a>

Rendered element:

Default Button

Text Input Field with Label

Write a review for our Blissfeel Running Shoes

Image as a Link

White Blissfeel Women's Running Shoe

Text Elements

Headings

Women-First Footwear Finally

Meet Blissfeel
Women’s feet, down to a science.

Paragraphs

You’ve met the blissfeel running shoe. Now get ready for what’s next: the chargefeel low workout shoe, chargefeel mid workout shoe, and strongfeel training shoe. Every shoe in our new footwear collection is made for you—and the way you want to move.

Numbered Lists

Combined Elements

Main Navigation

Product/Service Listing

Citations