Product UI
Dense tool surfaces: panels, toolbars, empty states, and keyboard-first flows that stay calm under load.
Design
Interface design for tools people trust with their files — clear hierarchy, fast paths, and systems that scale from a landing hero to a crop overlay.
Design for makers & operators
We design the kind of software project12f ships: conversion wizards, retouch canvases, auth gates, and marketing that does not feel like a different company. Expect collaboration in PRs and Figma — not throwaway mockups that ignore implementation cost.
What we design
Design systems
Tokens, components, and DaisyUI-aligned patterns so marketing and app UI share one language.
Responsive & motion
Layouts that work on phone and ultrawide; intentional motion for hierarchy — not decoration noise.
Prototypes
Clickable flows for conversion, retouch, or onboarding before engineering commits.
Principles
One job per screen
Especially for utilities: open → act → export. Secondary chrome stays secondary.
Dark-first craft
Contrast, focus rings, and accent color that reads as brand — not generic purple glow.
Ship with engineering
Specs include states (hover, disabled, error) and edge cases (huge images, empty history).
Comfortable stack
- Svelte / SvelteKit product surfaces
- DaisyUI + custom tokens
- Figma libraries & redlines
- Iconography (Lucide-compatible sets)
- Marketing pages that match the app
Start a design engagement
Share links to your product, competitors you admire, and whether you need a sprint or an ongoing retainer.
Contact