Style Guide
This style guide provides a central location to make stylistic changes to your site. If you need additional help, Framer Youtube channel provides a library of videos, tutorials and resources to help you get started or reach out to Framerave.com
Colors
Typography
Buttons
Rich Text Element
Color
Note: Change the colors through the swatches panel. This will change all locations where the color is used on the website.
#52DF45
#FFFFFF
#CBCBCB
#1C1E1C
#0D100D
Typography
Any edits here will apply to all reflective elements across the site.
H1 / Display 1
Font Size 170px
Display 1
H1 / Display 2
Font Size 140px
Display 2
Heading 1
Font Size 82px
The quick brown fox jumps over the lazy dog
Heading 2
Font Size 56px
The quick brown fox jumps over the lazy dog
Heading 3
Font Size 32px
The quick brown fox jumps over the lazy dog
Heading 4
Font Size 24px
The quick brown fox jumps over the lazy dog
Heading 5
Font Size 20px
The quick brown fox jumps over the lazy dog
Heading 6
Font Size 18px
The quick brown fox jumps over the lazy dog
Sub Heading 1
Font Size 36px
The quick brown fox jumps over the lazy dog
Sub Heading 1
Font Size 24px
The quick brown fox jumps over the lazy dog
Button Large
Font Size 18px
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
Button Small
Font Size 16px
There are many variations of passages of Lorem Ipsum available, but the majority have suffered lteration in some form, by injected humour, or randomised words which don't look even slightly believable.
Body Large
Font Size 18px
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly
believable.
Body Regular / Default
Font Size 16px
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
Body Small
Font Size 14px
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
Caption
Font Size12px
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
Overline
Font Size 12px
There are many variations of passages of Lorem Ipsum available,
Buttons
Any edits here will apply to all reflective elements across the site.