Interfaces

The Design Engineering Magazine

by Jakub Krehel

32 px

Subscribe Now

Call To Action

Subscribe Now

Call To Action

What makes an interface feel great?

I think a lot about what makes an interface feel great.

When you go from using a good product to a great one, you can feel the difference. It’s often hard to point to what makes it though.

It’s usually not a single thing, but instead a lot of small things that add up.

wrap

Designing interfacesDesigning interfaces that feel natural and intuitive

Great design is invisible. It guides users without them ever noticing.

balance + pretty

Designing interfacesDesigning interfaces that feel natural and intuitive

Great design is invisible. It guides users without them ever noticing.

Width220px

padding: 8px

12px

20px

12px

In the age of artificial intelligence, building fast is no longer an advantage. When most things can be replicated with a single prompt, just building something isn’t enough.

Products that are going to stand out and last are those that are built extremely well, with intent and extraordinary care.

That’s what Interfaces focuses on.

Read by designers, engineers and design engineers at

About Interfaces

Articles on my website have been read more than one million times and it makes me very happy that people find them useful.

Interfaces is where I share everything I know and continue to learn about building great interfaces and products.

Issue

Typography manual for the webJuly 2026

Issue

Building an animated sign-in dialogJune 2026

Issue

Claude CodeOpus 4.8

>/make-interfaces-feel-better

/make-interfaces-feel-betterDesign engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, font smoothing, tabular numbers, image outlines, box shadows.

Details that make interfaces feel betterMay 2026

Issue

I cover a variety of topics from animation and typography to layout, color and everything else that is a part of building a great interface.

How it works

Once you subscribe, you get full access to the Interfaces platform. This includes all previously released issues with interactive demos and code snippets.

At least one new issue is released every month.

You also get access to a curated library of resources, tools I personally use, agent skills and a private Discord community.

April 2026

May 2026

June 2026

July 2026

New issue every month

At least one new issue is released every month.

Border Radius16px

Interactive demos

Concepts are explained through interactive demos instead of text only.

<AnimatePresence mode="popLayout" initial={false}>
  <motion.div
    key={isCopied ? "check" : "copy"}
    initial={{ opacity: 0, scale: 0.25, filter: "blur(4px)" }}
    animate={{ opacity: 1, scale: 1, filter: "blur(0px)" }}
    exit={{ opacity: 0, scale: 0.25, filter: "blur(4px)" }}

Source code

Most examples and demos include the source code.

/better-ui

/better-typography

/better-colors

Agent skills

Skill covering many of the topics explored in the magazine.

Bookmarks and tools

A curated library of resources and tools I personally use.

Private Discord community

Discord community to discuss issues and meet like-minded people.

Nice to meet you, I’m Jakub

I’m a founding design engineer at Interfere. I write articles about a variety of design engineering topics on my website and I built oklch.fyi.

I care deeply about craft and quality and I like to make people feel something through my work. I’m obsessed with details and I spend an unreasonable amount of time making sure they feel right.

Previously, I worked at OpenSea and a few other companies. You might have seen some of my work on Twitter or my code on GitHub.

jakub.kr

BlogMy personal website.

oklch.fyiOKLCH color generator & converter.