UX-UI/subjects/ui/ui-1/ui-1-2

UI I - Ex 2 - Color codes

Context:

This first UI quest is a series of exercises to practice colors, moodboards, typography and replicate screens on Figma!

Instructions:

Go to these 7 websites and make the color palettes out of them (3 to 4 main colors).

Deliverable:

• A PDF documents extracted from a Figma file including screenshots of the main page, URL, extracted colors and the matching color codes.

Tips:

• You can use the document from the previous exercise to add the color codes on Figma
• Use the Color Pipette to detect the color codes!

Resources:

• Beginning graphic design

• Gareth graphic studio

• https://www.komoot.com/ (App)

• https://www.airtable.com/

• https://www.decathlon.com/collections/kids-gift-ideas

• https://www.jrpass.com/

• https://www.thesiff.com/

• https://brave.com/es/

• https://www.nhp.gov.in/