Is Interfaces a physical magazine?

No, Interfaces only comes in a digital format for now.

Who is the magazine for?

Design engineers, designers, engineers, product managers and anyone else who cares about building great interfaces.

What level of experience is this for?

All levels. The more advanced issues are always explained in an easy to understand way.

What does an issue include?

Each issue is a deep dive into one topic, with writing, interactive demos, videos and code snippets. If you’ve read the articles on my personal site, it’s a similar format.

Do the demos come with source code?

Most of them do. If there’s a demo you’d like the code for and it’s missing, let me know through the feedback button.

How often do new issues get released?

At least one new issue is released every month. There’s no fixed day, but I send out a newsletter to let everyone know when a new one is out.

Do I get access to past issues?

Yes. Every issue released so far is included, not just the ones that come out after you subscribe.

Is there a way to see what’s new in the magazine?

Yes, the changelog tracks everything new, from issues to site updates.

What do I get with a subscription?

Every issue, including all past ones, the resources and tools library, agent skills, Ask Interfaces and the private Discord community.

What is Ask Interfaces?

An agent inside the magazine that answers your questions and helps you find the information you need and build.

How does the lifetime plan work?

It’s a one-time payment for permanent access to everything in the magazine. You also get a lifetime member badge, a vote on upcoming topics and a private Discord channel where I share new issues early. If you already have a subscription, it’s canceled automatically once you buy lifetime.

Can I switch between monthly and yearly?

Yes. Go to your profile, open Subscription and pick Manage subscription. You can change your plan there and the difference is prorated.

Can I cancel my subscription?

Yes, anytime. Go to your profile, open Subscription and pick Cancel subscription. You’ll keep access until the end of the period you paid for.

What happens when my subscription ends?

You lose access to the issues, including the ones released while you were subscribed. You can subscribe again anytime to get everything back.

Do you offer discounts for students or other groups?

Yes, students get 30% off any plan, including lifetime. Email me at jakub@kbo.sk from your school email or with proof that you’re a student.

Do you support purchasing power parity?

Not at the moment. If you’re a student, the student discount might help.

There’s no password. Enter the email you used at checkout and you’ll get a 6-digit code. If it doesn’t show up, check your spam folder and make sure it’s the same email you paid with. Still stuck? Email me at jakub@kbo.sk.

Can I change my email address?

Yes, email me at jakub@kbo.sk with your old and new address and I’ll update it for you.

How can I contact you?

You can reach me via email at jakub@kbo.sk or @jakubkrehel on X (Twitter).

Interfaces

The Design Engineering Magazine

by Jakub Krehel

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 exactly what makes it though.

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

wrap

Designing interfaces that feel natural and intuitive

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

balance + pretty

Designing interfaces that feel natural and intuitive

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

Width260px

Show values

Show border

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

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

That’s what Interfaces focuses on.

Read by 1459 designers, engineers and design engineers at companies like

About Interfaces

Design engineering is more popular than ever, but learning about it is still surprisingly difficult. The best information is scattered across blog posts, parts of courses, tweets and a bunch of other corners of the internet.

Interfaces brings everything together in one place, with in-depth issues on a variety of topics such as typography, performance, animation, color, working with AI, reviewing your work and many others.

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

Interfaces is also a completely custom-built platform. Each issue is it's own page and combines writing, videos, interactive demos and code snippets.

What you’ll get

A subscription gives you access to every Interfaces issue, plus the full resources and tools library, agent skills and the 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

Explore concepts through interactive demos instead of text alone.

<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)" }}
    transition={{ duration: 0.2, ease: "easeOut" }}
  >
    {isCopied ? <IconCheck /> : <IconCopy />}
  </motion.div>
</AnimatePresence>

Source code

Most examples and demos include the full source code.

/better-ui

/better-typography

/better-colors

Agent skills

Skills based on topics covered throughout the magazine.

Resources and tools

A curated library of design engineering resources and tools I use.

Private Discord community

Discuss issues, share your work and meet other design engineers.

Built for the age of AI

You probably work with AI every day. There’s a lot to keep up with, so Interfaces brings what you learn into your and your agent's workflow.

┌───────────────────────────────────┐│ > why does my dropdown feel slow? │└───────────────────────────────────┘ Animate transform, not height, and keep it under 200ms. └─▶ review-your-animations

Interfaces agent

You can ask the agent questions about any issue in the magazine.

 page                  issue.md┌─────────────┐       ┌─────────────┐│ ▓▓▓▓▓▓▓▓▓▓▓ │       │ # Using AI  ││             │       │             ││ ░░░░ ░░░ ░░ │ ────▶ │ ## Setup    ││ ░░░ ░░░░ ░░ │       │ ## Commands ││ ░░░░░ ░░░   │       │ ## Models   │└─────────────┘       └─────────────┘

Issues agents can read

You can copy each issue as markdown, so after you read it, your agent can too.

interface-review├─ typography                     ok├─ color                          ok├─ layout                    1px off├─ accessibility                  ok└─ ux writing               fix copy

Review your work

The agent skills review your work, point out mistakes and suggest improvements.

┌───────┐     ╔═══════╗     ┌───────┐│  ▓▓▓  │     ║ ▓ ░░░ ║     │ ▓▓▓▓  ││ ░░░░░ │     ║ ▓ ░░░ ║     │ ░░░░░ ││ ░░░░░ │     ║ ▓ ░░  ║     │ ░░░░░ │└───────┘     ╚═══════╝     └───────┘    A            [B]            C

Explore, then choose

Using skills you can build variants, find edge cases and render all states.

Every issue so far

Each issue covers a different design engineering topic from start to finish.

Issue: Details That Make Interfaces Feel Better

00Introduction
01Text wrapping
02Concentric border radius
03Animate icons contextually
04Make text crispy
05Use tabular numbers
06Make your animations interruptible
07Split and stagger entering elements
08Make exit animations subtle
09Align optically, not geometrically
10Use shadows instead of borders
11Add an outline to images
12Before and after
13Skill

There are 20 issues in Interfaces so far. A subscription gets you all of them, plus every new issue that comes out.

Issue
20
The era of personal software
New
November 2026
Issue
19
Can you tell the difference?
New
October 2026
Issue
18
Interface cheat sheet
August 2026
Issue
17
The invisible side of design engineering
September 2026
Issue
16
4 principles of transition
September 2026

About me

Hey! I’m Jakub, currently a founding design engineer at Interfere. I write articles about a variety of design engineering topics on my personal website and I built projects like oklch.fyi and loading.dev used by hundreds of thousands of users.

I care deeply about craft and quality and I like to make people feel something through my work. Previously, I worked at a few other companies. You might have also seen some of my work on Twitter or some of my code on GitHub.

jakub.kr

BlogMy personal website

loading.devLoader library for React

/skills

/skillsSkills for design engineers

oklch.fyiA guide to OKLCH colors

Still unsure?

No worries, you can read four issues for free to get a feel for Interfaces. These give you a glimpse into what issues look like and how they’re structured.

Details that make interfaces feel better