Style Guide

Table of Contents

  1. Branding
  2. Colors
  3. Typefaces
  4. Typography
  5. Images

Branding

Deanna Moffitt Logo

Colors

Primary

Accent

Neutral

Grays

Back to top


Typefaces

Bookmania Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

!@#$%^&()[]-=+\|{}*

The Quick Brown Fox Jumps Over The Lazy Dog


Sofia Pro

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

1234567890

!@#$%^&()[]-=+\|{}*

The Quick Brown Fox Jumps Over The Lazy Dog

Back to top


Typography

Headers


Display Level 1

Display Level 2

Display Level 3


Header Level 1

Header Level 2

Header Level 3

Header Level 4


Text Sizes


Small Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Default Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Medium Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Large Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Body Text

Paragraphs


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lists

Ordered List

  1. List item
  2. List item
  3. List item
    1. Sub list item one
    2. Sub list item two
    3. Sub list item three
  4. List item
  5. List item

Unordered List

  • List item
  • List item
  • List item
    • Sub list item one
    • Sub list item two
    • Sub list item three
  • List item
  • List item

Definition Lists

Definition list
Is something people use sometimes.
Markdown in HTML
Does *not* work **very** well. Use HTML tags.

Blockquote

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam.

First Lastname, The Greatest Article

Pullquote

Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est.


Images

Standard Image


Standard Image with Caption

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.

Wide Image


Wide Image with Caption

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.

Full Width Image


Full Width Image with Caption

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.

Back to top