STYLE GUIDE

Interactive Elements

links, buttons, and text input

In-text Link

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla. Aenean pulvinar a erat ut varius.

<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula,
eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus
auctor fringilla. Aenean pulvinar a <a href=#>erat ut varius</a>. </p>

Buttons

<a class="white-button" href="#">button</a>

<a class="ghost-button" href="#"> ghost button</a>

Inputs

Name:

Message:

<p>Name: </p>
<input type="text" name="name">
<p>Message: </p>
<textarea></textarea>

Text Styling

paragraphs and headings

3 Levels of Headings

H1 Heading

H2 Heading

H3 Heading

<h1>H1 Heading</h1>
<h2>H2 Heading</h2>
<h3>H3 Heading</h3>

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ut sem eu justo consequat porttitor in non tellus. Etiam a blandit elit. Mauris sit amet metus in felis accumsan consequat.

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ut sem eu justo consequat porttitor in non tellus. Etiam a blandit elit. Mauris sit amet metus in felis accumsan consequat.</p>