Style Guide

The purpose of this page is to establish the appearance and style patterns of the elements that will be used globally throughout this website.

Color Palette

Primary

Dusk Blue

Secondary

Camel

Tertiary

Dusty Olive

Off-Black

Gunmetal

Off-White

Bone

Typography

Serif Font - Baskervville

Sans Font - Nunito Sans

Typography Examples

X-Large Serif Page Header Text

X-Large Sans Page Header Text

Large Serif Text Heading

Large Sans Text Heading

Medium Serif Text Heading

Medium Sans Text Heading

Small Serif Text Heading

Small Sans Text Heading

X-Small Sans Text Heading
Tiny Sans Text Heading

An Example of regular body / paragraph text is shown here.  Minorem saluti universas istius Amicitiae tribuat feramus placatae. Intellegaturque fuit Iactant angatur gravitate praetermittatur augendas Physici probamus verear Quapropter geometria quaeritur impensa infimum Perferendis.

Here's an example of a bulleted list:

  • I am a list
  • Lists are cool
  • Helpful for features

Smaller Sans serif body text.  Stoici probatum Gubergren accusam pericula servire omnino offendit petulantes Mediocrem voluntates utroque sensus iudiciorumque. Phaedrum liberavisse transferre desistemus explicatam Emolumenti iustius labor Iuvaret familiarem dubio terminari sapientia conclusum Consoletur angere.

Here's an example of a numbered list:

  1. I'm a list just like above
  2. But I'm numbered to show priority or hierarchy
  3. So I think I'm better

Buttons

For Dramatic Contrast

Dark Background Content Example

Just some example text here to show what a paragraph would look like on top of this darker background color.

  • Outline specific details of things
  • Give the user some further context
  • Provide several ways for the user to learn more

813-689-7161
708 Lithia Pinecrest Rd. Suite 103
Brandon, Fl 33511