Style Guide
A visual guide for the interface components
Typography
Display 1
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph — I am a digital designer with a diverse and in-depth skillset. I've been working in the UX/UI field for 10 years and I enjoy tackling new challenges.
Text Size XLarge
Text Size Large
Text Size Medium
Text Size Small
Text Size XSmall
Bold Text
Italic Text
Body LinkBlock Quote — “Shopverse offered me the best deals on clothes and including free shipping. I’m happy to recommend this site to you.”
- Unordered List Item 1
- Unordered List Item 2
- Unordered List Item 3
- Ordered List Item 1
- Ordered List Item 2
- Ordered List Item 3
Heading Classes
Heading XLarge
Heading Large
Heading Medium
Heading Small
Heading XSmall
Heading Classes
Text Weight Bold
Text Weight Semibold
Text Weight Regular
Text Weight Light
Text Alignments
Text Align Left
Text Align Center
Text Align Right
Text Colors
Text Color Primary
Text Color Secondary
Text Color Accent
Text Color White
Color Palette
Primary 1
Primary 2
Accent
Border (dark)
Border (light)
White
Rich Text
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Block Quote — “Shopverse offered me the best deals on clothes and including free shipping. I’m happy to recommend this site to you.”
- Fashion
- Summer
- Trends
- Watches
- Fashion
- Summer
- Trends
- Watches
Form Elements
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Column Classes
Column XLarge - 1060px
Column Large - 730px
Column Medium - 510px
Column Small - 400px
Column XSmall - 290px
Spacing Classes
Padding Bottom 0
Padding Top 0
Padding 0
Margin 0
Margin 4
Margin 12
Margin 16
Margin 24
Margin 32
Margin 40
Margin 56
Margin 80
Grid Classes
Shopverse Week
40% Discount
Shopverse Week
40% Discount
Shopverse Week
40% Discount
Shopverse Week
40% Discount
Shopverse Week
40% Discount
Shopverse Week
40% Discount
Shopverse Week
40% Discount
Shopverse Week
40% Discount
Receive deals every week, no spam
