Skip to content
MIZU.

Have itmade.

Mizu Studio is one person: me. I design and build the parts of a product people remember, to the standard of this archive, from $4k.

Scroll to watch one get made

DeploysLast 24 hours · api, web, worker

Live

15:00p95 190 msafter api · v2.14.0 rolled out

  1. workerQueue limits raised
  2. webCheckout hotfix
  3. apiv2.14.0 rolled out
  4. apiRolled back to v2.13.2

src/components/DeployTimeline.tsxYours

<DeployTimeline
  label="Deploys"
  events={deploys}
  cursor={cursor}
  onCursorChange={setCursor}
/>

Loading deploys…

Nothing deployed in this window.

Widen the range, or clear the service filter.

Couldn’t reach the deploy log.

Your last view is kept.
Drag the chart · ← → · Space
Fig. 1 — Sketch
  1. First, what it has to do.

    Before anything is drawn, we write down what the component holds, which states it can be in and which keys it answers to. You read it before I build anything.

  2. Then, its surface.

    Ink, type, rules and spacing, taken from your brand or built with you. Anything decorative goes. Everything left has a job to do.

  3. Every state, designed.

    Loading, empty, error, ready. Most products design one of these and ship all four. I design all four, because the other three are where people get stuck.

  4. Motion that tells you something.

    The playhead follows your hand, the readout settles, the selection travels to what you are looking at. Drag it, or use the arrow keys. It moves to show what changed, never to decorate.

  5. Then it’s yours.

    Typed React in your repository, documented, with the keymap written down. Nothing to license and nothing to renew. Your team can extend it the day I leave.

Judge the work, not a logo wall.

Whatever I build for you is held to the standard of this archive, and the archive is open. Pick any piece: press a key, resize the window, turn motion off.

Settings: 1.2KHZ -6DB

Drag them, use the arrow keys, double-click to reset. This is the standard every commission is held to.

Live, from the archive

What it costs.

Starting points, not quotes. After a first conversation you get a written scope and one price for the whole job.

  1. Craft pass

    Your product already works. I go through it and give it motion, states and finish, without changing what it does.

    • Motion with a reason
    • Empty, loading and error states
    • A written list of what changed

    1–2 weeks

    from$4k

  2. Launch site

    A landing page or launch site with the same finish as the product it sells, and that holds up past the first screenshot.

    • Art direction and copy edit
    • Built, not templated
    • Fast on a phone

    2–4 weeks

    from$8k

  3. Signature interface

    One complete system at the heart of your product — an editor, a timeline, a dashboard, a flow — built to this archive's standard.

    • Every state, designed
    • Keyboard paths and reduced motion
    • Production React, yours to own

    3–6 weeks

    from$12k

  4. Design system

    Tokens, components and documentation for your product: the whole kit, written down so the team can keep building after I leave.

    • Tokens and themes
    • Components with docs
    • A handoff your team can extend

    6–10 weeks

    from$20k

Outside what I take onBrand identity and logos · Native mobile apps · Backend and infrastructure

Start a brief.

Seven questions, about two minutes. Letter keys pick an answer and Enter moves on.

It comes straight to my inbox. Nobody else reads it.

Prefer email? mizu@user64bit.world

Talk soon.Mizu Studio

What should I make? *

Press A–E