Start a project
Fine Practice · Design & engineering studio United Kingdom

We design and build web apps, Android apps and design systems. One studio, from first idea to final detail.

(01) The studio

About the studio
(02) Small details


Each detail below is live. Try them. These are the moments most teams skip: what happens after a click, a mistake or a wait.

Try it
No. 01

The border draws itself.

Choosing a plan should feel deliberate. The outline draws in from the radio button instead of snapping on.

  • 460 ms
  • ease in-out
  • arrow keys
Try it
Invoice 2041Spring bookings · £480
Invoice archived
No. 02

Mistakes are easy to undo.

Five seconds to change your mind, shown as a ring that counts down in real time.

  • 5 s window
  • live region
  • focus returns
See all details
(03) What we do


(04) Design systems



FP UI is our in-house design system: tested components, tokens and motion. We use it when it gives a project a head start, work inside your existing system when you have one, and design something new when the brief calls for it.

About FP UI
Save changes Label · 15/24 · 600 Fill · ink Border · 1 px inside Focus ring · 2 px, 4 px out Shadow · y 24 · blur 48
Save changes
Fig. 1 · A button, taken apart
(05) How we work

  1. 01

    Details are the product.

    People feel the gap between a click and a response long before they read a feature list.

  2. 02

    Design and code in one room.

    The people who draw the screen build it, so nothing gets lost in a hand-over.

  3. 03

    Calm over clever.

    Motion that explains, never motion that shows off. Fast pages. Clear words.