Paper, ink, and clay.

Use this set. You do not need to invent colours. The brief asks for jobs, not for a rainbow: a dark header with light text, a menu that is a different bar, an about box that is not the page colour, and three skill boxes that match.

• Ink #1A1712

  Header background, footer background, and the text on every light area.

• Paper #FAF7F2

  The page itself, and the text sitting on the dark header and footer.

• Clay #C0532E

  The line under the header, the Graphic Design border, and the Send Message button. Three times, no more.

• Ghost #F4EDE6

  The menu bar. Dark text on a light bar, so it does not blend into the header.

• Line #E4D9CE

  The thin borders around menu items, About, and Contact.

• White #FFFFFF

  About and Contact. White on a paper page is a different background, which is what the brief asks for.

• Clay wash #F8E8E1

  Graphic Design box. Pale clay, with a clay border.

• Leaf #E7F5EE

  Web Design box. A quiet green, so the three boxes are not copies of each other.

• Sky #E8EEF6

  Photography box. A quiet blue, the third colour in the set.

Why these sit together

Ink and paper are a printed page: dark type, warm ground, flipped for the header so the text contrasts. Clay is the one strong colour. It appears three times, the line under the header, the first skill border, and the button. Used everywhere, it would stop pointing at anything.

The page background is paper, #faf7f2. About and Contact are white. That gap is what “a different background” means. If both are white, the mark disappears. The skill boxes share one shape and take three quiet fills: clay wash, leaf green, sky blue. Same padding, different colour.

A bright blue header with a yellow menu is the usual first try. It can be read, and it looks unfinished. This set is the one to submit.

Where each one goes

header background     #1a1712   ink
header text           #faf7f2   paper
header bottom border  #c0532e   clay
page background       #faf7f2   paper
menu background       #f4ede6   ghost
menu text             #1a1712   ink
menu border           #e4d9ce   line
about background      #ffffff   white
about border          #e4d9ce   line
graphic design box    #f8e8e1   border #c0532e
web design box        #e7f5ee   border #14613a
photography box       #e8eef6   border #1e4a73
send button           #c0532e   text #faf7f2
footer background     #1a1712   text #faf7f2

The font on the page you submit is Arial. The school computer already has it. This desk uses a different typeface so the lessons are comfortable to read. Do not link a font from the internet in the assignment. The lab may be offline.

Read the colour lesson