I’m Preet Suthar, an independent design engineer. I design and build interfaces end-to-end: the type, the layout, and the production code underneath.
Most of my work is design systems, dashboards, and the small details that make software feel resolved.
Right now I’m working with 
The Tokenry
as a design engineer on Otto,
the always-on computer for AI agents.
I’ve worked with 
Emergente Labs,
Inbound,
TextCortex,
SolCard and
21st.dev.
I also make 
Ikiform,
Diskzy and
HextaUI.
I’m taking on new projects, so Book a call or message me on Telegram.
- How shapes melt into each other
- A theme from three colours
- Dark mode is not light mode with the colours flipped
- Every frame has 16ms
- How a colour gets from Figma to five platforms
- How a page morphs into the next
- How a popover finds its place
- How browsers break lines
- How Liquid Glass is rendered, and why reading it was the hard part
- How multiplayer works in Figma
- Icons that look the same size aren't the same size
- Why Apple's corners aren't rounded rectangles
- Streaming AI text without the jank
- The invisible box around text
- The maths of iOS scrolling
- Three ways an AI draws an interface
- What a spring animation actually is
- What you can ship now, November 2026
- Why a gradient goes grey in the middle
- Why z-index: 9999 doesn't work
- You can finally style the real select
- Your next user might be an agent
- A font is a performance decision
- The 4px snap at the end of my collapsible
- A save bar has more than four states
- Designing the wait for an AI agent
- An address form for 16 countries
- Undo for an AI chat
- A centred headline usually isn't
- Bigger touch targets that look the same
- When a search input runs out of room
- The safe triangle
Press ? for keyboard shortcuts.