Lab
AI tools, creative workflows, developer deep-dives, and behind-the-scenes from RAXXO Studios.
29 articles
5 Type Scales I Use in 2026 (And the One I Quietly Dropped)
Major-third 1.250 stays my default for product UI because it scales without drama Perfect-fourth 1.333 carries marketing pages where the headline must do real work Augmented-fourth 1.414 fits dashboards where six type levels need clear hierarchy Golden ratio 1.618 reads...
Read articleMagnific vs Topaz vs Krea: Which AI Upscaler Actually Works
Topaz wins on photo fidelity for portraits, product shots, and any source where the original detail must survive Magnific wins on creative invention, where you...
Freepik Just Rebranded as Magnific: What Changes for Solo Creators
Freepik renamed itself to Magnific on April 28, 2026, unifying its asset library, upscaler, and 40+ AI models under one brand The company hit 230M...
CSS Anchor Positioning Is Production-Ready: 5 Patterns
5 production CSS Anchor Positioning patterns: tooltips, dropdowns, inline edit popovers, context menus, follow-cursor labels. When to pick it over Floating UI.
CSS Subgrid Made My Dashboard Layouts Trivial: 5 Patterns
5 production CSS Subgrid patterns for dashboards, forms, articles, and tables. When to reach for Subgrid vs grid-template-areas vs flex.
Tailwind v4 Theme: Design Tokens That Actually Scale
Tailwind v4 ships a native @theme directive that replaces tailwind.config.js and makes design tokens first-class CSS. Tokens live in one file, ship as CSS custom...
5 Figma Plugins AI Still Cannot Replace in 2026
Five Figma plugins that still beat AI in 2026: Stark, Tokens Studio, Autoflow, Design Lint, Figmotion. A craft argument from a 20-year visual designer.
The CSS :has() Patterns That Changed How I Write UI
Six concrete CSS :has() patterns that replaced roughly 400 lines of JavaScript across raxxo.shop.
The 4-Tier Dark Mode Color System I Use on Every Project
Dark mode breaks when you use pure black #000 and pure white #fff, so I build every UI on a 4-tier system with #1f1f21 as...
CSS Cascade Layers Finally Made My Design System Predictable
CSS Cascade Layers (@layer) let you control the order of style precedence without specificity wars or !important tags My design system has three layers in...
Merch Design That Actually Sells: 5 Case Studies
The best-selling RAXXO merch designs all share three traits: specific audience, one clear message, high-contrast typography Generic inspiration quotes and vague "creative" designs sell the...
Claude Design vs Figma: What It Means for Designers
Claude Design is a draft generator, Figma is a production tool, they cover different parts of the same design workflow Figma wins on precision, collaboration,...