Website Style Guide

This is a guide to the fonts, colors, sizing, and spacing used on this website. 

Fonts

Zapfino

Logo and select headings.

Lato

Headings and body text.

Colors

#317196

#a6c92d

#d5dfe5

#da0036

#70707

#402B2E

#110A0A

Text sizes

(in pixels) 12 • 14 • 16 • 18 • 20 • 24 • 30 • 36 • 48 • 60 • 72

Spacing

(in pixels) 4 • 8 • 12 • 16 • 24 • 24 • 32 • 48 • 64 • 96 • 128 • 192 • 256 • 384 • 512 • 640 • 768

Body text

16px • 1.8em line spacing

Sed hendrerit. Nam pretium turpis et arcu. Nunc nec neque. Donec mi odio, faucibus at, scelerisque quis, convallis in, nisi. Aenean imperdiet. Vestibulum ullamcorper mauris at ligula. Sed libero. Aliquam lobortis. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Donec mollis hendrerit risus.

Sed hendrerit. Nam pretium turpis et arcu. Nunc nec neque. Donec mi odio, faucibus at, scelerisque quis, convallis in, nisi. Aenean imperdiet. Vestibulum ullamcorper mauris at ligula. Sed libero. Aliquam lobortis. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Donec mollis hendrerit risus.

Heading text

Lato h1

Lato h2 (headings)

D—48px • T—48px • M–36px

Lato h3

D—30px

Lato h4

D—20px

Lato h5
Lato h6

 

Image sizes

Events

800 x 600 px, 72 dpi

Gallery

80o px W, mixed H, 72 dpi

News

1000 x 563 px, 72 dpi