Design
Identity, interface and interaction — drawn by Ruby. From first sketch to a living design system where every decision has a name.
brand identity · UX/UI · design systems · prototyping
The studio of Ruud and Ruby — she designs, he builds, and everything you see here is our own work, down to the tools behind this site.
Identity, interface and interaction — drawn by Ruby. From first sketch to a living design system where every decision has a name.
brand identity · UX/UI · design systems · prototyping
Built by Ruud: secure, fast and accessible. Server-side enforced permissions, WCAG AA in light and dark, and performance without framework bloat.
front-end · back-end · security · tooling
No portfolio talk: these are the tools and libraries we use ourselves, daily.
Every interface building block we make, documented and reusable — linked straight to Figma.
component. · publicHand-drawn icon set in multiple styles, editable down to the SVG path.
Reads the visual identity of an existing site — colour, rhythm, structure — as the starting point for a redesign.
Structured audits with findings by severity, category and recommendation — shareable as a report.
"Details are not details.
They make the design."
We believe the best digital products are made where design and engineering are not handed over, but pass through the same hands. That is why we build our own tools — and why this site is the first exhibit: every component, colour and typeface comes from our own system.
Read more about how we workTell us what you are working on — we love to think out loud with you.
Start a conversation