style guide
A visual guide for the interface components
Typography
Display 1
Display 2
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph Large — A classic photography session, a mysterious woman who has asked for dark outfits and nothing else, with custom lighting for the shot.
paragraph - A classic photography session, a mysterious woman who has asked for dark outfits and nothing else, with custom lighting for the shot.
Text Size XLarge
Text Size Medium
text style spaced
Text Size Small
Bold Text
Italic Text
Body LinkBlock Quote — “A classic photography session, a mysterious woman who has asked for dark outfits and nothing else, with custom lighting for the shot.”
Heading Classes
Heading XLarge
Heading Large
Heading Medium
Heading Small
Text Alignments
Text Align Left
Text Align Center
Text Align Right
Text Colors
Text Color Primary
Text Color Accent
Text Color White
Text Color black
Color Palette
Primary
Accent
Black
Background Global
Border
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 — “A classic photography session, a mysterious woman who has asked for dark outfits and nothing else, with custom lighting for the shot.”
- Capture the perfect moments at a perfect angle.
- Visual Design
- Webflow Development
- Photography
Column Classes
Column 2XLarge - 1060px
Column 2XLarge - 840px
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