UX-UI/subjects/ui/colors-and-moodboard/color-codes/README.md

# UI I - Ex 2 - Color codes

**Instructions:** 

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

**Deliverable:** 

- A Figma file including screenshots of the main page, URL, extracted colors and the matching color codes.
- Upload the Figma file on Github, labeled as follows: “Name_FirstName_DeliverableName_Date_VersionNumber”. For example, it can be labeled as “Doe_John_MidFiPrototype_05242024_V1”.
- Add a title within the file.
- Pay attention to the global aspect of the file. It must be clear, simple and easy to read. You can get inspiration on canva.com but don’t overload your design with too much details!


**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](https://edu.gcfglobal.org/en/beginning-graphic-design/)
- [Gareth graphic studio](https://www.youtube.com/c/GarethDavidStudio)

- [https://www.komoot.com/](https://www.komoot.com/) (App)
- [https://www.airtable.com/](https://www.airtable.com/)
- [https://www.decathlon.com/collections/kids-gift-ideas](https://www.decathlon.com/collections/kids-gift-ideas)
- [https://www.jrpass.com/](https://www.jrpass.com/)
- [https://www.thesiff.com/](https://www.thesiff.com/)
- [https://brave.com/es/](https://brave.com/es/)
- [https://www.nhp.gov.in/](https://www.nhp.gov.in/)