HUGE EXAMPLES OF C.R.A.P.

By: Kyle Tinker & Spencer Crawford

WHAT IS C.R.A.P.?

C.R.A.P. is the basic of elements of web design. It is based around four things which are color, repetition, alignment, and proximity. Color in website should generally be corresponding with other colors on the website. For example, black and white. It also is used in websites to show where things separate by color variation. Repetition is used to make the website less choppy and look more thought out , professional, and clear. Alignment is used to make the website look less and choppy and more clear. Proximity is used to keep pages more organized as well as grouping all of one topic with the same topic.

GOOD EXAMPLE OF COLOR

These colors contrast well.

These colors are analogous on the color wheel.

GOOD EXAMPLE OF REPETITIONThe color blue is repeated.

All the titles are white.

GOOD EXAMPLE OF ALIGNMENT

Text is appropriately aligned.

GOOD EXAMPLE OF PROXIMITY

Good spacing.

BAD EXAMPLE OF COLOR

These colors don’t go together on the color wheel.

BAD EXAMPLE OF REPETITION

The background is distracting.

The text isn’t separated by titles.

BAD EXAMPLE OF ALIGNMENT

No alignment.

BAD EXAMPLE OF PROXIMITY

Very little space between sections.

Everything looks cluttered.