Style Guide

COLORS

#FFDD00
#4AB9BA
#008f8d
#d83d96
#ed1c24
#59863c
#fcaf17
#9d1c20
#f37021
#414042
#55575B
#f2efe8

TYPOGRAPHY

H1. This is Header 1.

H2. This is Header 2.

H3. This is Header 3.

H4. This is Header 4.

H5. This is Header 5.
H6. This is Header 6.

A general paragraph will look like this. This is some extra long run on paragraph text to help demonstrate what the line spacing will look like when you have multiple lines of text within a single paragraph. The font weight is 500 with a line height of 1.5. This here is one last sentence to show you what a big block of text will look like.

TEXT STYLING

This is the Montserrat font.

This is the Georgia font.

This is the Helvetica Heue font.

This is the default text link style

Strong is used to indicate strong importance

The b element is stylistically different text from normal text, without any special importance.

The i element is text that is set off from the normal text

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

This small text is small for for fine print, etc.

BUTTONS + ELEMENTS

Button label

  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  • This is an unordered list item
  1. This is an ordered list item
  2. This is an ordered list item
  3. This is an ordered list item
  4. This is an ordered list item
  5. This is an ordered list item

The Braid Newsletter for occasional branding advice & insights

© Braid Creative & Consulting, LLC
Branding & Design by Braid Creative
Developed by Corey Winter

607 NW 28th Street, Suite G
Oklahoma City, OK 73103