Style Guide

colors

cerulean: #4ABFDB

RGB: 74 191 219

deep aqua: #22798F

RGB: 34 121 143

coral: #DB608C

RGB: 219 96 140

sunflower gold: #DBCD35

RGB: 219 205 53

weathered bronze: #8F8629

RGB: 143 134 41

fonts

Roboto

Light Italic: Sphinx of black quartz, judge my vow.

Normal: Sphinx of black quartz, judge my vow.

Black: Sphinx of black quartz, judge my vow.

Nunito

Light: Sphinx of black quartz, judge my vow.

Medium Italic: Sphinx of black quartz, judge my vow.

Bold: Sphinx of black quartz, judge my vow.

Lora

Normal: Sphinx of black quartz, judge my vow.

Bold: Sphinx of black quartz, judge my vow.

Bold Italic: Sphinx of black quartz, judge my vow.

elements

h2: headings

h3: subheadings

p: main paragraph copy

layout

alignment

all elements should be vertically aligned to the top of their containers, which ensures consistency across the layout of horizontally adjacent content blocks.

responsiveness

the page should be scalable across differently-sized viewports: utilizing the display mode inline-block and preferring to define containers using max-width will allow for automatic resizing of each element as users scale their browser windows.

structure

each major section should be divided into smaller discrete blocks. these may be defined using div containers or semeantic elements as the case may allow, but in all cases should be visually compatible with the responsive direction outlined previously.