Typography
Main Content
Font: Libre Franklin, Size – 20px
Menu
Font: Libre Franklin, Size – 20px, Weight – 600
Headings – H1
Font: Libre Franklin
Size – 44px / 20px
Weight – Default (400)
Fusce vulputate augue sit amet nunc egestas volutpat.
Headings – H2
Font: Libre Franklin
Size – 36px / 20px
Weight – Default (400)
Fusce vulputate augue sit amet nunc egestas volutpat.
Headings – H3
Font: Libre Franklin
Size – 30px / 20px
Weight – Bold (600)
Fusce vulputate augue sit amet nunc egestas volutpat.
Headings – H4
Font: Libre Franklin
Size – 26px / 20px
Weight – Bold (600)
Fusce vulputate augue sit amet nunc egestas volutpat.
Headings – H5
Font: Libre Franklin
Size – 22px / 20px
Weight – Bold (600)
Fusce vulputate augue sit amet nunc egestas volutpat.
Headings – H6
Font: Libre Franklin
Size – 18px / 20px
Weight – Bold (600)
Fusce vulputate augue sit amet nunc egestas volutpat.
Buttons
Global Colors
contrast
#291c1d
contrast-2
#362526
contrast-3
#595959
contrast-4
#6e6e6e
base
#f2ecd8
base-2
#f6f3ea
base-3
#FFFFFF
accent
#4e6663
accent-2
#F46036
accent-3
#f6ab4a
accent-4
#6aa4eb
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
- Unordered List
- Unordered List
- Unordered List
- Ordered List
- Ordered List
- Ordered List
Body Text: Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
This is a blockquote. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
– Citation
This is a pullquote. Lorem Ipsum is simply dummy text of the printing and typesetting industry.
-Citation
Heading 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam faucibus rhoncus turpis in porttitor. Etiam eget dictum metus. Donec erat tellus, eleifend ac lobortis sed, dictum nec dolor. Maecenas gravida ex non porttitor aliquam. Morbi interdum consectetur urna vel fringilla. In eu ligula metus. Aliquam a diam vitae purus.
Heading 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam faucibus rhoncus turpis in porttitor. Etiam eget dictum metus. Donec erat tellus, eleifend ac lobortis sed, dictum nec dolor. Maecenas gravida ex non porttitor aliquam. Morbi interdum consectetur urna vel fringilla. In eu ligula metus. Aliquam a diam vitae purus.
Heading 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam faucibus rhoncus turpis in porttitor. Etiam eget dictum metus. Donec erat tellus, eleifend ac lobortis sed, dictum nec dolor. Maecenas gravida ex non porttitor aliquam. Morbi interdum consectetur urna vel fringilla. In eu ligula metus. Aliquam a diam vitae purus.
Heading 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam faucibus rhoncus turpis in porttitor. Etiam eget dictum metus. Donec erat tellus, eleifend ac lobortis sed, dictum nec dolor. Maecenas gravida ex non porttitor aliquam. Morbi interdum consectetur urna vel fringilla. In eu ligula metus. Aliquam a diam vitae purus.
Heading 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam faucibus rhoncus turpis in porttitor. Etiam eget dictum metus. Donec erat tellus, eleifend ac lobortis sed, dictum nec dolor. Maecenas gravida ex non porttitor aliquam. Morbi interdum consectetur urna vel fringilla. In eu ligula metus. Aliquam a diam vitae purus.
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam faucibus rhoncus turpis in porttitor. Etiam eget dictum metus. Donec erat tellus, eleifend ac lobortis sed, dictum nec dolor. Maecenas gravida ex non porttitor aliquam. Morbi interdum consectetur urna vel fringilla. In eu ligula metus. Aliquam a diam vitae purus.
