← Back to Notes

My Approach to a Calm UI

“Calm on the outside. Dangerous on the inside.” How I keep the UI minimal while still showing depth and real engineering.

UI Design Systems Portfolio

What “calm UI” means to me

Calm UI is not boring. It’s intentional: clear hierarchy, clean spacing, and no visual noise. It makes important things feel important.

My rules (simple)

  • One message per section: each section answers a single question.
  • Less text, more structure: bullets + short paragraphs.
  • Same patterns everywhere: same card style, same button style, same spacing.
  • Strong typography: big headline, readable body, muted helper text.

How I still show depth

Instead of flooding the homepage, I put depth behind “Open” pages: project case studies + notes. The UI stays calm, but the work stays serious.

Small details that feel professional

  • Hover states + focus states (keyboard-friendly)
  • Respect reduced-motion settings
  • Consistent spacing grid
  • Links that look intentional (no random underlines everywhere)

One takeaway

Calm UI is a strategy: reduce noise, guide attention, and let your work speak through structure.