Typography System
As a beginner UI designer, approaching typography felt overwhelming at first. But my process started with a simple question: “How can I make text easy to read and visually appealing?” The goal wasn't just to choose pretty fonts—it’s to create a clear hierarchy so users can instantly tell what’s most important on the page.
First i researched and also looked at other co-designers' projects for this and got inspiration from them as well. I also did research on chatgpt and finally decided on choosing clean fonts like Inter and Open Sans.
I started by setting an H1 size for main titles, followed by H2, H3, and body text—usually based on a scale like 16px or 1 rem for body, and scaling up for headings.
Tools used
From brief
Topics
Share
Reviews
1 review
Hey Shivani,
I’ve had the opportunity to review your submission and wanted to share some feedback:
What You Did Well:
- The categorization and presentation of information are clean and easy to follow.
- The explanations and design decisions are communicated in clear, simple language, which makes them very accessible.
Areas for Improvement:
- Some screens show accessibility issues, particularly with text visibility. Ensuring proper color contrast would improve readability.
- Providing a more complete or clearer view of the full UI would help in understanding the overall implementation better.
Final Thoughts:
I truly enjoyed going through your project and appreciate the attention to detail you've put in. With a few refinements, this could become even stronger in terms of usability and visual consistency. Great effort overall, keep up the fantastic work and I’m excited to see what you create next. Best of luck! 😊
You might also like
Sojo NFT Marketplace
Heuristic Evaluation of Revolut Mobile App
Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)
From Idea to Full-Stack Web App
Docto
Fundraising Website
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
