Invisible DetailsLoginLogin

You can tell when an interface feels right. Saying why is the hard part.

For a long time I could feel the difference between good and almost good, but I couldn't explain it. This is what I found once I started paying attention.

Crafted by Dmytro

It looked fine. It didn't feel right.

After completing a screen everything looked perfect. Everything aligned properly, colors were balanced, nothing stood out as incorrect. But something was not working. There was something in a button, the transition appeared slightly too late or the list felt fine in the mockup but cheap when animated.

The worst part is that I couldn't figure out what the problem was. I just knew it is not what I appreciated in the applications I use daily. Close, but not it.

For some time, I thought I am just not good enough. Some people have taste and I don't.

Press both. One feels better.
Can you say why?

I did the usual things.

I read a ton of design books. Studied grids and type scales. Saved screenshots into folders that never got opened. Followed designers who made me jealous.

Most of those materials taught me the obvious principles: layering, layout, colors, hierarchy. All the things you can include in a presentation. They helped. But only partially. It stopped where my problems started.

Nobody discussed the part I couldn't see.

The books

“Inspo” - 412 items

The research phase. The folder
is still here. Never opened.

The good stuff was never written down.

The things that made interfaces feel alive were hiding in between. Few pixels nobody talks about. Easing of a menu to make it feel natural and not robotic. The ability of the good software to do everything slowly in a proper place and super fast in another.

I would spot one of them by accident, recognize how much it meant and realize how obvious it was the whole time.

7px
7px
Mathematical aligment
12px
Button
12px
8px
6px
Optical alignment
12px
Button
10px
Show margin
7px
7px
Mathematical aligment
8px
6px
Optical alignment
Show margin
12px
Button
12px
Mathematical aligment
12px
Button
10px
Optical alignment
Show margin

There was no course for it. No checklist. Just a bunch of people who were able to do it but didn't know how.

That is why I decided to write it down myself.

I wrote down every detail until it added up to something.

Initially, it was my personal project. Whenever anything felt good, I would stop and ask why. Then rebuild it to understand the reasoning behind the choice.

The archive grew rapidly. Eventually, the patterns appeared. It turned out the invisible things were not random at all - there was always a reason behind them. Timing. Weight. Awareness of what to avoid.

Things I kept noticing

Patterns I finally understood

All those things combined together became Invisible Details. It is the resource I was looking for years ago and couldn't find.

You've felt all of this already. You just haven't been shown it.

If you have ever shipped an app that worked great technically, but felt flat, this is what was missing. This is the difference between an interface that works and one that feels like it has been done with passion.

You don't need more talent for this. You just need to know where to look. Once you see these details, you will never stop seeing them. And eventually start using them yourself.

“I know what I want to do as a designer. But when you start implementing, you realise there are details you need to think about. That’s what the course helps to figure out.”
JamesFounding Designer, Mintlify

What you'll learn.

There are two chapters: Notes, then Practice.

First, the theory. Then watching it getting applied. Designed to be read carefully and revisited later.

Notes
I agree to the terms
Click this button to spot the difference
Practice
Try this component
Notes
I agree to the terms
Tap this button to spot the difference
Practice
Try this component

Notes

The ideas. Every lesson focuses on one topic - states, feedback, inputs, speed - showing how I think about them. Each includes practical examples. These apply to any interface component you will ever design.

  • 01/ Introduction
  • 02/ Learning to notice
  • 03/ Small details that add up
  • 04/ Predictability is a feature
  • 05/ Designing States
  • 06/ Feedback is a conversation
  • 07/ Forgiving Input
  • 08/ Interfaces should remember
  • 09/ Speed is a feeling
  • 10/ The weight of a click
  • 11/ Designing for Keyboard
  • 12/ Words shape expectations
  • 13/ WYSIWYG editor is hard

Practice

The application. Breaking down a single interface component and examining every single decision, the trade-offs behind it and alternatives of doing it in other places.

  • 01/ Introduction
  • 02/ Stepper
  • 03/ Tree
  • 04/ Action modal
  • 05/ GitHub activity chart
  • 06/ Charts
  • 07/ Date picker

Start with a single observation.

The best way to understand Invisible Details is to experience it. Read a few chapters for free and see how an everyday interface is broken down into small, deliberate decisions.

Lesson / Learning to notice

Lesson / Small details that add up

26px
36px

Practice / Stepper

Let's make the invisible visible.

One-time purchase. Forever yours. Watch whenever you want, come back when you complete the next screen and something feels not quite right.

Course

Both. If you work on a product and care how it feels to use, it's for you.

The course is divided into two parts: Notes and Practice.

Notes explain the principles behind great interface design. Practice breaks down real UI components step by step, covering the decisions, trade-offs and invisible details behind each one.

Yes! Complete at least 90% of the course to unlock a personalized PDF certificate with a unique verification link.

The project will gradually grow. All updates, improvements and added notes will be listed in the changelog, so you will know right away what is new if you haven't checked recently.

Yes, the lessons read fine on any screen. A few demos are interactive and better viewed on desktop.

Purchasing

No. I see Invisible Details as an evolving resource, so every future update is included with your purchase.

Yes, you can purchase multiple licenses through the Team Checkout page. You'll get a 5-25% discount depending on the number of licenses.

Yes! After purchasing you’ll get an email with a link to generate a customized invoice.

Yes. The price above is already adjusted for your region.

Yes. Write to support@invisibledetails.com from your university email or attach anything that proves you're a student and I'll send you a personal discount code.

Sure. If the course isn't for you, write to support@invisibledetails.com within 30 days of purchase and I'll return the full amount. No explanations needed.

Help

Reach me through email support@invisibledetails.com or Twitter.

Invisible Details

The Art of Predictable Interfaces

by Dmytro

  • The frustration
  • What I tried
  • Why that wasn’t enough
  • Why I made this
  • Why this might be helpful for you
  • What’s inside
  • Free lesson
  • Enrollment
  • Questions
© 2026 Invisible Details