Assignment 1 Website

Viewports

• Mobile: up to 600px
• Tablet: 601px to 1024px
• Laptop: 1025px+ These were chosen to match estimated device sizes.

Color Scheme

Unified blue-purple palette (Adobe Color):
#6a11cb #2575fc Green palette:
#1B5E20, #66BB6A These were used to make it more user friendly, as its easier on the eyes

Gradients

Used for laptop pages only:

• Body: vertical linear gradient (purple to blue)
• Header/Footer: angled linear gradient (135deg) Used for mobile and tablet:
• Body: conical gradient starting at 0deg (dark green to light green)
• Header/Footer: angled linear gradient (135deg)

The gradients provide a cool look while keeping readability high.