Contrast Page

What is contrast?

Contrast is....

In this example, you see the background has a subtle yet powerful image. However, the foreground or informational panels almost jump off the page and catch your attention.

Things to Consider: • Group things that are the same together • Make things that are different stand out • Don’t be “slightly different” (choose same or very different) • Strong contrast helps visually separate content • Good contrast makes a design more visually appealing • Contrast is great for “calls to action” and “next steps” • You can contrast things like font size, colour and shape on the same page. [link an example of size, colour, shape]

The cascading style sheets (css) have also been provided for me. These are called styles.css and base.css.

It is the convention to have a single style sheet. However, as I am building a responsive page I will create the styles.css for the desktop and then modify it to suit smaller devices and call that base.css. This style sheet will remove the margins and widths where required and my teacher thinks it might be easier to see a width and know to take it out than to know exactly where you are supposed to put in a width.