Website Style Guide
This is a guide to the fonts, colors, sizing, and spacing used on this website.
Fonts
Outfit (regular)
Outfit (light)
Colors
#000
#666666
#e7e7e7
#f4f4f4
#f71735
#fa7486
#fff
Text color
#666666
Text sizes
(in pixels) 12 • 14 • 16 • 18 • 20 • 24 • 30 • 36 • 48 • 60 • 72
Spacing
(in pixels) 4 • 8 • 12 • 16 • 24 • 32 • 48 • 64 • 96 • 128 • 192 • 256 • 384 • 512 • 640 • 768
Body text
18px • 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.
Megunticook Rowing h1
Desktop–60px • Tablet–48px • Mobile–36px
Megunticook Rowing h2
D—48px • T—36px • M–30px
Megunticook Rowing h3
D—36px • T—30px • M—24px
Megunticook Rowing h4
D—30px • T—24px • M—20px
Megunticook Rowing h5
D—24px • T—20px • M—20px
Megunticook Rowing h6
20px