Make the decision.
See the result.
YE321 Studio turns common design calculations into small browser tools. No account wall, no giant workspace, and no uploading your project files.
Aa
Six small tools for daily visual work.
Every utility runs in the browser and is intentionally narrow enough to understand at a glance.
Contrast Checker
Check WCAG contrast between any foreground and background pair.
Open tool TYPEType Scale
Generate a modular typography scale from a base size and ratio.
Open tool COLORGradient Builder
Build a two-color CSS gradient and copy the generated declaration.
Open tool LAYOUTSpacing Scale
Generate a practical spacing system from a base unit.
Open tool COLORPalette Steps
Generate lighter and darker steps from a hex color.
Open tool RESPONSIVEViewport Converter
Convert pixels to vw/vh percentages for a chosen viewport.
Open toolGood systems reduce decisions. They do not create more of them.
Use the tools to establish repeatable scales and constraints, then get back to the actual design work.
Read the studio notesShort visual-system notes, occasionally.
New tools, implementation references, and practical design-system notes. Explicit opt-in only.