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
- Create and manage tables by going to the “TablePress” screen in the admin menu.
- Select a table using the TablePress icon:
Buttons
<a class="button" href="#">Button</a> <a class="button padded" href="#">Padded Button</a>
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)
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