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