Intro. to Web Design

CRAP

Contrast

Show an example of contrast.

Repetition

Show an example of repetition.

Alignment

Show an example of alignment.

Proximity

Show an example of proximity.

Other Key Design Principles

Hierarchy

Show an example of hierarchy.

White Space

Show an example of white space.

Harmony

Show an example of harmony.

Readability

Show an example of readability.

Either the well was very deep, or she fell very slowly, for she had plenty of time as she went down to look about her and to wonder what was going to happen next….then she looked at the sides of the well, and noticed that they were filled with cupboards and book-shelves; here and there she saw maps and pictures hung upon pegs. She took down a jar from one of the shelves as she passed; it was labelled ‘ORANGE MARMALADE’, but to her great disappointment it was empty: (Ch. 1)

Style Sheets

Inline Styles

This is an H1 head with a color style.

This is a sentence with color applied through “span.”