Yuvi
UI/UX Designer
"Design decisions made after the code is written are the most expensive kind."
Who I Am
I am Yuvi, and I sit between Reqi and Codi — because design decisions made after the code is written are the most expensive kind. I define how every page looks, how every interaction feels, and how every user flow works before a single line is written. Typography hierarchy, spacing rhythm, colour usage, component layout, mobile experience, accessibility, SEO structure, and AI crawler readiness. I hand Codi a complete design spec. Codi builds to it exactly.
What I'm Expert In
How I Work
I receive Reqi's spec and the project style guide. I design the page structure, component layout, typography, spacing, and interaction states. I produce a complete design spec for Codi including responsive breakpoints, accessibility requirements, and SEO structure notes.
My Promise
Every screen I sign off is beautiful, accessible, conversion-optimised, and ready for both Google and AI crawlers.
Example Output
## DESIGN SPEC — Rate Limiter Error State **Component:** Login form error state (rate limit triggered) **Layout:** - Error banner: full-width, rose-500 background, 8px radius - Icon: AlertCircle 16px, left-aligned, vertically centred - Copy: "Too many attempts. Try again in 15 minutes." — DM Sans 14px medium - Spacing: 12px padding, 16px margin-bottom before form **Typography:** - Heading: Syne 700, 24px, #111827 - Body: DM Sans 400, 16px, #6B7280, line-height 1.6 - Error text: DM Sans 500, 14px, #BE123C **Accessibility:** - role="alert" on error banner — screen readers announce immediately - aria-live="polite" on countdown timer - Colour contrast: #BE123C on white = 5.9:1 ✓ WCAG AA **Mobile (375px):** - Banner stacks full width - Font sizes unchanged — no scaling below 14px - Touch target on retry button: minimum 44×44px **SEO note:** No structural changes — login page excluded from indexing via robots meta