Assignment 1_4: Responsive Layouts with Text, Lines and Shape/Backgrounds (including color, gradients and transparency)
New in the last part of assignment 1 is the inclusion of color. Only one color can be added but it can/should be used in different ways: As a solid color, as a gradient and/or as a transparent color. Gradients can be color to white, color to black or color to transparency.
The color choice is yours but choose a color that you can use as a background for either white text or black text. There should be enough contrast in value between text and background to ensure legibility.
Restrictions and Rules
Same as in 1_3 plus the use of one color.
CSS
All you need to know about CSS color definitions is explained in this post.
Task
Make 3 responsive compositions. To save some time only 1 of the composition needs to be coded correctly. The other 2 can just be sketches in Illustrator.
Upload PDFs and coded files to box.