Ontwerp
Identiteit, interface en interactie — getekend door Ruby. Van de eerste schets tot een levend design system waarin elke beslissing een naam heeft.
merkidentiteit · UX/UI · design systems · prototyping
Wij bouwen het gereedschap waar goed werk mee gemaakt wordt.
Het atelier van Ruud en Ruby — zij ontwerpt, hij bouwt, en alles wat je hier ziet is eigen werk, tot het gereedschap achter deze site.
Buttonset
component/ui · 4 varianten
Iconenbibliotheek
icons/ · lijn & vlak
UX-audit builder
studio/tools · intern
eigen design system v2WCAG AA — machinaal getoetstvier domeinen, één werkplaatsFraunces & Instrument Sans, zelf gehostdark mode ingebouwdgebouwd zonder framework-ballasttwee makers, nul overdracht
Eén ontwerper, één developer, nul overdracht
development
Gebouwd door Ruud: veilig, snel en toegankelijk. Server-side afgedwongen rechten, WCAG AA in licht én donker, en performance zonder framework-ballast.
front-end · back-end · security · tooling
Uit het atelier
Het gereedschap ligt op tafel
Geen portfolio-praatje: dit zijn de tools en bibliotheken die we zelf dagelijks gebruiken.
component. · publiek
studio. · intern
studio. · intern
Componentbibliotheek
Elke interface-bouwsteen die we maken, gedocumenteerd en herbruikbaar — direct gekoppeld aan Figma.
component. · publiekIconen & assets
Eigen getekende iconenset in meerdere stijlen, bewerkbaar tot op het SVG-pad.
Design-DNA scanner
Leest de visuele identiteit van een bestaande site uit — kleuren, ritme, structuur — als startpunt voor herontwerp.
UX-audit builder
Gestructureerde audits met bevindingen op ernst, categorie en aanbeveling — deelbaar als rapport.
"Details zijn geen details.
Ze maken het ontwerp."
Het duo
Klein genoeg om alles zelf te maken
Wij geloven dat de beste digitale producten ontstaan waar ontwerp en techniek niet aan elkaar worden óvergedragen, maar door dezelfde handen gaan. Daarom bouwen we ons eigen gereedschap, en daarom is deze site zelf het eerste bewijsstuk: elk component, elke kleur en elk lettertype komt uit ons eigen systeem.
Lees meer over hoe we werken
memo · voor jou
Iets moois te maken?
Vertel ons waar je aan werkt — we denken graag hardop mee.
Start een gesprek