The Typographic Collection
Framer Website
The Typographic Collection
The Typographic Collection is a website built with CMS and the low code software Framer. The design task was to create a website based on a certain history, containing a timeline. The Typographic Collection focuses on type and the different important eras in modern times.
The Typographic Collective aims to educate viewers on the history and relevance of typography. Throughout the pages you learn about types progression over time and the rules and parameters when working with type. It is meant to be a beginners learning guide.
UX/UI
Framer
Identity
Behind the Project
Web Design
2025
The Typographic Collection was developed through an interest in understanding as a system shaped by history, technology, and cultural shifts. In building this website, I focused on translating a timeline-based concept into a digital experience that felt both structured and exploratory. Using Framer, I was able to organize large amounts of information while maintaining clarity and visual consistency across pages. My design approach leaned toward a clean and instructional layout, allowing the content to guide the experience.
The Typographic Collection
Framer Website
The Typographic Collection
The Typographic Collection is a website built with CMS and the low code software Framer. The design task was to create a website based on a certain history, containing a timeline. The Typographic Collection focuses on type and the different important eras in modern times.
The Typographic Collective aims to educate viewers on the history and relevance of typography. Throughout the pages you learn about types progression over time and the rules and parameters when working with type. It is meant to be a beginners learning guide.
UX/UI
CSS
HTML
The Typographic Collection was developed through an interest in understanding as a system shaped by history, technology, and cultural shifts. In building this website, I focused on translating a timeline-based concept into a digital experience that felt both structured and exploratory. Using Framer, I was able to organize large amounts of information while maintaining clarity and visual consistency across pages. My design approach leaned toward a clean and instructional layout, allowing the content to guide the experience.
Behind the Project
Web Design
2025