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 — trusted clients and partners
text style spaced
Text Style Alternative
Bold Text
Italic Text
Body LinkBlock Quote — “Studio2055 is a full video production company with over 30 years of experience.”
- Unordered List Item 1
- Unordered List Item 2
- Unordered List Item 3
- Ordered List Item 1
- Ordered List Item 2
- Ordered List Item 3
Text Alignments
Text Align Left
Text Align Center
Text Align Right
Text Colors
Text Color Primary 2
Color Palette
Primary 1
Primary 2
Background
Background Dark
Border
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 — “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.”
- Unordered List Item 1
- Unordered List Item 2
- Unordered List Item 3
- Unordered List Item 4
- Ordered List Item 1
- Ordered List Item 2
- Ordered List Item 3
- Ordered List Item 4
Column Classes
Column 2XLarge - 1060px
Column XLarge - 730px
Column Large - 620px
Column Medium - 510px
Column Small - 400px
Column XSmall - 290px
Spacing Classes
Padding Bottom 0
Padding Top 0
Padding 0
Margin 0
Margin 12
Margin 16
Margin 24
Margin 32
Margin 40
Margin 56
Margin 80
Grid Classes