Harbor Investment Advisory

Style Guide

UI style guide helps build and further maintain your website or application by ensuring that typography, colors and all crucial UI elements are used in the same way all around on every single page - hooked directly into the CSS.

I’m Subheading
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

I’m small paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum.

I’m default paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. I’m Default text Link. enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum.

I’m large paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare.

I’m block quote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum.

Inline Call to Action

Mauris orci quam, condimentum lobortis elit

Button Text
  • I’m default list item
  • I’m default list item
  • I’m default list item
  1. I’m ordered list item
  2. I’m ordered list item
  3. I’m ordered list item
Click Me