Style Guide Template

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

Interactive Elements

In-text link

We make custom designs for any pair or shoes. Every design we make is unique and made for you to stand out. Our designs are hand crafted to ensure your unique style is shown through the shoes we customize for you. learn more about how to commission a designs

Navigation Link

CSS selector:

.button-nav

Sample code:

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

Rendered element:

Shop Shoes

Text Input Field with Label

Text Elements

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Paragraphs

INSERT BRAND NAME makes any shoe into a uniquely designed shoe unlike any other. We make custom designs on your shoes for an added flare. You pick the shoe and design, we make it happen. Have your own design? You can send your own design and request the shoe. Want a design made for you? Our in house designers will draft a custom design that suits your style.We also offer our own designed shoes ready to buy at your convenience.

Combined Elements

Main Navigation

Product/Service Listing

colour palettes

#7D1E6A

#EFDAD7

#8CC0DE

#FFE59D

Fonts

Brevia

Proxima Nova

product description

This website sells custom designed shoes. The customer can select between three types of shoes to customize. They can then choose to submit their own design or request a commission for a design. They will then purchase the shoe and design that will be made and shipped to them.

Citations

Brevia | Adobe Fonts. (2020). Adobe.com. https://fonts.adobe.com/fonts/brevia#fonts-section

(2022). Pinterest; Pinterest. https://www.pinterest.ca/pin/98938523055411349/

(2022). Pinterest; Pinterest. https://www.pinterest.ca/pin/551550285624197558/