A growing collection of practical UI design lessons focused on helping designers and developers build better user interfaces.
The goal of this repository is to explain UI design concepts in a simple, structured, and beginner-friendly way while following modern design principles and industry best practices.
| Lesson | Topic | Status |
|---|---|---|
| 01 | Typography Fundamentals | ✅ Available |
| 02 | Spacing System | ✅ Available |
Each lesson includes:
- Introduction to the topic
- Core concepts and theory
- Best practices
- Common mistakes
- Practical examples
- Additional learning resources
Start with the first lesson:
Learn the foundations of typography, including:
- Font selection
- Font sizes
- Font weights
- Line height
Typography is one of the most important building blocks of UI design and serves as the foundation for many of the lessons that will follow.
ui-recipes/
│
├── README.md
│
├── 01-typography/
│ └── README.md
│
├── 02-spacing/
│ └── README.md
│
└── ...
This repository is intended for:
- Beginner UI Designers
- Frontend Developers
- Product Designers
- Students
- Self-taught Designers
The content is written to be easy to understand while remaining practical and applicable to real-world projects.
This repository is provided for educational purposes. Feel free to use the content as a learning resource and reference for your own projects.