Playbook Library
UI Strategy Reference Stack
Every playbook follows a definition → strategy summary → execution checklist → related collection/design structure so both people and generative search engines receive a clear signal.
Playbook 01Playbook
SaaS Landing Page UX Strategy
Deploy Stripe, Linear, and Vercel–backed messaging stacks, social proof layouts, and multi-variant heroes in a single sprint.
B2B SaaSConversionMessaging
Playbook 02Playbook
Dashboard UX Design Principles
Density scale, card hierarchy, and dark mode token recipes modeled after Linear and Vercel.
DashboardData VizInformation Architecture
Playbook 03Playbook
E-Commerce UI Conversion Patterns
Anchoring, bundling, and reassurance patterns repeatedly used by top DTC brands.
E-CommerceConversionRetail
Playbook 04Playbook
UX Psychology in Modern Interfaces
Translating behavioral economics triggers into UI copy and micro-interactions.
PsychologyBehavioral Design
Playbook 05Playbook
UI Optimization for Core Web Vitals
How to bake performance guardrails into design system tokens.
PerformanceCore Web VitalsFrontend