Colors

Primary

#0f5343

Secondary

#88c96c

Accent

#dbcb77

Light

#f0f1f2

Dark

#323b3d

Blue

#3496ff

Cyan

#4eedf4

Pink

#fc57a3

Green

#52af36

Yellow

#f4de3d

Gray

#64767a

Dark Gray

#363a3c

<div class="lp-color-chips">
	<div class="lp-color-chip">
		<div class="lp-color-chip__name">Primary</div>
		<div class="lp-color-chip__color">#0f5343</div>
	</div>
	<div class="lp-color-chip">
		<div class="lp-color-chip__name">Secondary</div>
		<div class="lp-color-chip__color">#88c96c</div>
	</div>
	<div class="lp-color-chip">
		<div class="lp-color-chip__name">Accent</div>
		<div class="lp-color-chip__color">#dbcb77</div>
	</div>
	<div class="lp-color-chip">
		<div class="lp-color-chip__name">Light</div>
		<div class="lp-color-chip__color">#f0f1f2</div>
	</div>
	<div class="lp-color-chip">
		<div class="lp-color-chip__name">Dark</div>
		<div class="lp-color-chip__color">#323b3d</div>
	</div>
</div>
<div class="lp-color-chips">
	<div class="lp-color-chip">
		<div class="lp-color-chip__name">Blue</div>
		<div class="lp-color-chip__color">#3496ff</div>
	</div>
	<div class="lp-color-chip">
		<div class="lp-color-chip__name">Cyan</div>
		<div class="lp-color-chip__color">#4eedf4</div>
	</div>
	<div class="lp-color-chip">
		<div class="lp-color-chip__name">Pink</div>
		<div class="lp-color-chip__color">#fc57a3</div>
	</div>
	<div class="lp-color-chip">
		<div class="lp-color-chip__name">Green</div>
		<div class="lp-color-chip__color">#52af36</div>
	</div>
	<div class="lp-color-chip">
		<div class="lp-color-chip__name">Yellow</div>
		<div class="lp-color-chip__color">#f4de3d</div>
	</div>
	<div class="lp-color-chip">
		<div class="lp-color-chip__name">Gray</div>
		<div class="lp-color-chip__color">#64767a</div>
	</div>
	<div class="lp-color-chip">
		<div class="lp-color-chip__name">Dark Gray</div>
		<div class="lp-color-chip__color">#363a3c</div>
	</div>
</div>

Typography

Headings

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

<h1>Heading Level 1</h1>
    <h2>Heading Level 2</h2>
    <h3>Heading Level 3</h3>
    <h4>Heading Level 4</h4>

Paragraph

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas impedit officiis aut, eos repellendus blanditiis nobis qui quis numquam porro tenetur quia molestias inventore modi recusandae laborum consequuntur! Inventore, vitae?

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas impedit officiis aut, eos repellendus blanditiis nobis qui quis numquam porro tenetur quia molestias inventore modi recusandae laborum consequuntur! Inventore, vitae?</p>

Styles