DONUT INSPIRED DESIGN
This project started without a client, a brief, or any constraints. I created it as a space to experiment freely and push my UI skills beyond structured case studies.
Landing page
The Intent
I wanted to explore how far I could take a simple idea visually. Not just making something look “nice,” but designing interfaces that feel intentional, balanced, and easy to understand at a glance.
This playground became a way to practice:
Visual hierarchy
Layout composition
Typography pairing
Color usage and contrast
Micro-interactions and component consistency
The Approach
Instead of jumping straight into screens, I started by focusing on structure first.
I asked myself:
What should users notice first?
How does the eye move across this screen?
What feels too heavy or too empty?
From there, I built out layouts using a grid system to maintain consistency. I kept spacing deliberate, avoiding the temptation to fill every empty area. The goal was clarity, not decoration.
For typography, I leaned toward clean, modern typefaces and focused on contrast between headings, subheadings, and body text. I paid close attention to line height and spacing because small details like that significantly affect readability.
Color decisions were also intentional. Instead of overusing multiple colors, I worked with a limited palette and used accent colors only where interaction or attention was needed.
Design Decisions
One of the biggest things I focused on was restraint.
It is easy to overdesign when there are no constraints. I had to constantly step back and remove elements that did not serve a purpose.
Some decisions I made:
Prioritized whitespace to improve focus and reduce visual noise
Used consistent component styles to maintain familiarity across screens
Designed buttons and interactive elements to feel obvious without being overwhelming
Balanced aesthetics with usability rather than choosing one over the other
Challenges
The hardest part of this project was knowing when to stop.
Because this was an open-ended exploration, there was always room to tweak, refine, or redesign. I had to develop the discipline to recognize when a design was already effective.
Another challenge was avoiding trend-based design. Instead of copying popular UI styles, I focused on understanding why certain layouts work and applying that reasoning to my own designs.
Outcome
This playground helped me improve how I think about UI design at a deeper level.
It strengthened my ability to:
Create clean, modern interfaces without relying on templates
Design with intention rather than decoration
Maintain consistency across different screens
Communicate hierarchy clearly through layout and typography
More importantly, it gave me a space to experiment, make mistakes, and refine my design instincts without pressure.
More to Discover
New release
Preview
DONUT INSPIRED DESIGN
This project started without a client, a brief, or any constraints. I created it as a space to experiment freely and push my UI skills beyond structured case studies.
Landing page
The Intent
I wanted to explore how far I could take a simple idea visually. Not just making something look “nice,” but designing interfaces that feel intentional, balanced, and easy to understand at a glance.
This playground became a way to practice:
Visual hierarchy
Layout composition
Typography pairing
Color usage and contrast
Micro-interactions and component consistency
The Approach
Instead of jumping straight into screens, I started by focusing on structure first.
I asked myself:
What should users notice first?
How does the eye move across this screen?
What feels too heavy or too empty?
From there, I built out layouts using a grid system to maintain consistency. I kept spacing deliberate, avoiding the temptation to fill every empty area. The goal was clarity, not decoration.
For typography, I leaned toward clean, modern typefaces and focused on contrast between headings, subheadings, and body text. I paid close attention to line height and spacing because small details like that significantly affect readability.
Color decisions were also intentional. Instead of overusing multiple colors, I worked with a limited palette and used accent colors only where interaction or attention was needed.
Design Decisions
One of the biggest things I focused on was restraint.
It is easy to overdesign when there are no constraints. I had to constantly step back and remove elements that did not serve a purpose.
Some decisions I made:
Prioritized whitespace to improve focus and reduce visual noise
Used consistent component styles to maintain familiarity across screens
Designed buttons and interactive elements to feel obvious without being overwhelming
Balanced aesthetics with usability rather than choosing one over the other
Challenges
The hardest part of this project was knowing when to stop.
Because this was an open-ended exploration, there was always room to tweak, refine, or redesign. I had to develop the discipline to recognize when a design was already effective.
Another challenge was avoiding trend-based design. Instead of copying popular UI styles, I focused on understanding why certain layouts work and applying that reasoning to my own designs.
Outcome
This playground helped me improve how I think about UI design at a deeper level.
It strengthened my ability to:
Create clean, modern interfaces without relying on templates
Design with intention rather than decoration
Maintain consistency across different screens
Communicate hierarchy clearly through layout and typography
More importantly, it gave me a space to experiment, make mistakes, and refine my design instincts without pressure.
More to Discover
New release
Preview
DONUT INSPIRED DESIGN
This project started without a client, a brief, or any constraints. I created it as a space to experiment freely and push my UI skills beyond structured case studies.
Landing page
The Intent
I wanted to explore how far I could take a simple idea visually. Not just making something look “nice,” but designing interfaces that feel intentional, balanced, and easy to understand at a glance.
This playground became a way to practice:
Visual hierarchy
Layout composition
Typography pairing
Color usage and contrast
Micro-interactions and component consistency
The Approach
Instead of jumping straight into screens, I started by focusing on structure first.
I asked myself:
What should users notice first?
How does the eye move across this screen?
What feels too heavy or too empty?
From there, I built out layouts using a grid system to maintain consistency. I kept spacing deliberate, avoiding the temptation to fill every empty area. The goal was clarity, not decoration.
For typography, I leaned toward clean, modern typefaces and focused on contrast between headings, subheadings, and body text. I paid close attention to line height and spacing because small details like that significantly affect readability.
Color decisions were also intentional. Instead of overusing multiple colors, I worked with a limited palette and used accent colors only where interaction or attention was needed.
Design Decisions
One of the biggest things I focused on was restraint.
It is easy to overdesign when there are no constraints. I had to constantly step back and remove elements that did not serve a purpose.
Some decisions I made:
Prioritized whitespace to improve focus and reduce visual noise
Used consistent component styles to maintain familiarity across screens
Designed buttons and interactive elements to feel obvious without being overwhelming
Balanced aesthetics with usability rather than choosing one over the other
Challenges
The hardest part of this project was knowing when to stop.
Because this was an open-ended exploration, there was always room to tweak, refine, or redesign. I had to develop the discipline to recognize when a design was already effective.
Another challenge was avoiding trend-based design. Instead of copying popular UI styles, I focused on understanding why certain layouts work and applying that reasoning to my own designs.
Outcome
This playground helped me improve how I think about UI design at a deeper level.
It strengthened my ability to:
Create clean, modern interfaces without relying on templates
Design with intention rather than decoration
Maintain consistency across different screens
Communicate hierarchy clearly through layout and typography
More importantly, it gave me a space to experiment, make mistakes, and refine my design instincts without pressure.
More to Discover
New release
Preview