About this Service
I'm Luke, a product designer and founder of The 13 Studio. I design interfaces for SaaS products and internal tools, from early-stage builds to redesigns of products that have outgrown their original UI.
What you'll receive
Up to 10 core screens designed in Figma, desktop and responsive
A real design system: semantic color tokens with light and dark modes, type scale, spacing, radius, and stroke, all variable-bound and mode-switchable
Component library with full variants and states: hover, pressed, focus, disabled
Empty, loading, and error states for every screen, because they're most of what users actually see at first
Clickable prototype covering the primary user flow
Developer-ready handoff: organized file, named components, Tailwind config and CSS token output, and a written build brief
How it works
Kickoff. We map the product, the core flows, and which 10 screens carry the most weight.
Foundations. I build the token system and component library first, so every screen after it stays consistent.
Direction. I design two key screens in two visual directions. You pick one.
Screens. I work through the rest section by section, with your feedback at each stage.
Handoff. Prototype, Figma file, tokens, and build brief.
This is a good fit if you have a defined product and know roughly what the screens need to do.It's not a fit if you're still deciding what the product is. That's a discovery engagement, and I'm happy to talk about it separately.
Available as add-ons: additional screens, front-end build in React and Tailwind, marketing site, full brand identity.
Let's discuss!
