Style Guide

h1. heading

h2. heading

h3. heading

h4. heading

h5. heading
h6. heading

Fonts

  • Gotham
  • Gotham Bold
  • Akzidenz Grotesk BE condensed
  • Gotham Light
Gotham 
<strong>Gotham Bold</strong> 
<span class="font-condensed-reg">Akzidenz Grotesk BE condensed</span> <span class="font-light">Gotham Light</span> 	

Color hex codes

  • Blue: #1f419a
  • Blue-mid: #009DDE
  • Blue-light: #62C4E8
  • Gray: #939598
  • Light Gray: #e3e3e3
  • Copper: #c7905a
  • Gold: #FFCD54
  • Orange: #F58220
  • Yellow: #FFE46B
<span class="blue">blue</span> 
<span class="blue-mid">light blue</span> 
<span class="gray">gray</span> 
<span class="gray-light">light gray</span> 
<span class="copper">copper</span> 
<span class="gold">gold</span> 
<span class="yellow">yellow</span>

Tables

Header Header Header Header
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit
Lorem ipsum dolor sit

Create/Manage tables

  1. Create and manage tables by going to the “TablePress” screen in the admin menu.
    dashboard reference
  2. Select a table using the TablePress icon:
    table press editor reference

Buttons

ButtonPadded Button

<a class="button" href="#">Button</a>
<a class="button padded" href="#">Padded Button</a>

Special Link

Special link

<a href="#" class="link large-font" >Special link</a>

Banners

Dimensions: 1400px by 295px (resolution: 72 pixels/inch – file size should not exceed 200kb)

Sponsor logos

Dimensions: 300px by 66px (resolution: 72 pixels/inch – file size should not exceed 50kb)


Print

Q & A

Superclarendon – 360pt

Headline/Question

Gotham Medium – 28pt (35pt line height)

Body Copy

Gotham Book – 10pt (13.5pt line height)

Tagline

Gotham Bold – 11pt

CTA

Gotham Bold – 13pt

Colors

  • Black: #000000
  • Patone 7713 C: #007b8a
  • Patone 174 C: #993921
  • Patone 7511 C: #b97a2d
  • Patone 7495 C: #8f993e