From the studio
Product Design
Design systems, UX patterns, motion, accessibility, design tokens, Figma to code workflows.
Latest
SaaS design agency in Spain: what to check before you sign
Since June 2025, Spain's Ley 11/2023 puts accessibility duties on private digital products, with sanctions reaching one million euros. Six questions to ask.
Visual hierarchy without color: 7 tools that replace the accent
Two greys can carry a whole interface. Size, weight, spacing and value do the work an accent color takes credit for, in the order that actually works.
Empty state design: the 4 states every screen needs
A screen needs four empty states: first use, no results, cleared, and error. Baymard finds close to half of sites leave the no-results screen a dead end.
Website photography for software: the 7-step shot list
Software has no object to photograph, so most product sites default to stock. The 7 steps we use to pick, grade and ship a set of 8 to 12 images.
When to hire an agency for a design system (and when to wait)
Four thresholds decide it: repeated surfaces, release cadence, who owns it after handover, a fixed date. Below them a design system costs more than it returns.
Optical alignment in UI: 7 spacing fixes math gets wrong
Round letters overshoot flat ones by 1% to 3% of cap height, and UI inherits the same problem. Seven optical fixes, and what CSS now handles for you.
SaaS pricing page design: 6 fixes that stop losing deals
Gartner puts 67% of B2B buyers on a rep-free path, and rep-free buyers report 23% more purchase regret. Six fixes that make a pricing page decide.
How to run a design system audit in 5 days: a checklist
A day-by-day checklist to audit a design system: inventory components, score four kinds of drift, test accessibility, and ship a fix list in five days.
SaaS Art Direction: How a Product Stops Looking Like a Template
SaaS art direction is the deliberate visual point of view that separates a product from the template it launched on. Here is where to push and where to leave the conventions alone.
Typographic scale for product UI: sizes that hold on every screen
Build a product type scale of 7 to 9 sizes, named as tokens, that holds from a 320px phone to a 1440px monitor and survives 200% zoom. The exact numbers and the floors.
SaaS onboarding UX patterns that cut first-week churn
Median SaaS activation sits at 37.5%. Six onboarding patterns, from empty states to role-based checklists, move new users to first value faster.