# UI I - Ex 5 - Typography

**Instructions:** 

Go to these websites and detect the typographies used. 

- [https://unric.org/no](https://unric.org/no)
- [https://www.strongbowcider.com/bug-exterminator-brisbane](https://www.strongbowcider.com/bug-exterminator-brisbane)
- [http://www.bbqgrillsandfire.com/](http://www.bbqgrillsandfire.com/)
- [https://pt.wikipedia.org/wiki/Mario_Botta](https://pt.wikipedia.org/wiki/Mario_Botta)
- [https://texas-private-investigator.com/](https://texas-private-investigator.com/)
- [https://bumble.com/](https://bumble.com/)
- [https://adopte1poule.fr/](https://adopte1poule.fr/)
- [http://slaveryfootprint.org/](http://slaveryfootprint.org/)
- [https://www.tomorrowland.com/fr/festival/bienvenue](https://www.tomorrowland.com/fr/festival/bienvenue)
- [https://artisanscanada.com/](https://artisanscanada.com/)

**Deliverables:** 

- A Figma file showing all the typographies used in each website or app.
- 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:** 

- Mind the presentation!
- Feel free to browse Google Chrome options to detect typography ;-)
- [Google Fonts](https://fonts.google.com/) is another great friend to have by your side

**Resources:** 

- [What is Typography](https://www.renderforest.com/blog/what-is-typography)
- [Why is Typography important?](https://careerfoundry.com/en/blog/ui-design/beginners-guide-to-typography/)
- [Beginning graphic design: Typography](https://edu.gcfglobal.org/en/beginning-graphic-design/typography/1/)
- [Beginning graphic design](https://edu.gcfglobal.org/en/beginning-graphic-design/)
- [Gareth graphic studio](https://www.youtube.com/c/GarethDavidStudio)