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
