Ruder
The project showcases the specimen of the Ruder typeface in a contemporary way while preserving its timeless quality. The website enhances its presentation with animations and interactivity, allowing users to explore the typeface in detail.
Details
5 semester
FHNW, HGK
Technologies
React
Next.js 14
Tailwind CSS
Shadcn UI
Lenis
Typescript
Node.js
Figma
Duration
2 weeks
Lecturers
Leonardo Angelucci
Sabrina Cerea
Luca Pellegrini
Live Website
Inspired by Emil Ruder's iconic style, the concept of the project reflects his typography and design philosophy.
The website has a unique feature of dynamically adjusting the typeface variability based on the weather in Basel, Switzerland.
The website features light and dark modes designed to highlight the details of the typefaces Ruder Plakat and Ruder Kontur. The project was a collaboration with Lineto Type Foundry.