MacPherson Law Center, L.L.C. Style Guide

Browse the U.I. elements available on the Macpherson Law Center, L.L.C. Website.

Colors

Blue

#162157

Yellow

#ffb71b

Gray

#dddddd

Black

#000000

Buttons

Button Text

Primary Button

Button Text

Secondary Button

Iconography

All site icons will be listed here.

Typography

Heading H1 - Aa Bb Cc Dd

Heading H1 - 38px

Heading H2 - Aa Bb Cc Dd

Heading H2 - 32px

Heading H3 - Aa Bb Cc Dd

Heading H3 - 24px

Heading H4 - Aa Bb Cc Dd

Heading H4 - 18px

Heading H5 - Aa Bb Cc Dd

Heading H5 - 14px

Heading H6 - Aa Bb Cc Dd

Heading H6 - 12px

Paragraph Default: 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 lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default - 14px

Paragraph Large: 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 lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Large - 18px

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

Unordered List

  1. Lorem ipsum dolor sit amet
  2. Lorem ipsum dolor sit amet
  3. Lorem ipsum dolor sit amet

Ordered List