Color Schema

#5ce0d8#01345b#ffcf43

#051622#1BA098#DEB992

#FDF5DF#5EBEC4#F92C85

Fonts and Text Styles

<h2> Open Sans </h2>

Font-weight: Regular 500

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure, recusandae!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure, recusandae!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure, recusandae!

Font-weight: Regular 500 | SemiBold 600 | Regular 400 | Font-size: 18px

<h2> Poppins </h2>

Font-weight: Bold 600

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure, recusandae!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure, recusandae!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure, recusandae!

Font-weight: Regular 400 | Bold 600 | Regular 500 | Font-size: 18px

<h2> Source Serif Pro </h2>

Font-weight: Bold 700

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure, recusandae!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure, recusandae!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure, recusandae!

Font-weight: Regular 400 | Bold 700 | SemiBold 700 | Font-size: 18px

Component Element

<h1> Open Sans </h1>

Font-weight: 700
Font-size: 28px
Font-family: 'Open Sans'

<h1> Permanent Marker </h1>

letter-spacing: 2px
Font-size: 28px
Font-family: 'Permanent Marker'

<h1> Source Serif Pro </h1>

Font-weight: 700
Font-size: 28px
Font-family: 'Serif Pro'