Design Recipes
Curated combinations of visual styles, layouts, and animations. Each recipe is optimized for a specific use case and includes reasoning for why it works.
Design Recipes
Ready-to-Use Style Combinations
Curated combinations of visual style + layout + animations, optimized for specific use cases.
Modern SaaS Glass
Premium glass effects with bento grid layout. Perfect for AI/tech products.
Stripe-Style Minimal
Clean, trustworthy design inspired by Stripe. Great for fintech and B2B.
Linear-Style Docs
Modern, beautiful documentation that developers love.
Dark Glass Dashboard
Sleek dark mode with glass panels. Modern analytics feel.
Editorial Blog
Magazine-quality typography for long-form content.
Neo-Brutal SaaS
Bold, attention-grabbing design. Stands out in crowded markets.
Luxury Retail
High-end feel for premium products and fashion.
Bold Agency
Make a statement with bold typography and animations.
Modern SaaS Glass
Premium glass effects with bento grid layout. Perfect for AI/tech products.
“Glass morphism conveys cutting-edge tech while bento grid organizes complex features elegantly. The combination creates trust and sophistication.”
Stripe-Style Minimal
Clean, trustworthy design inspired by Stripe. Great for fintech and B2B.
“Stripe's visual language has become synonymous with trust in payments and SaaS. The hero-first layout creates strong first impressions.”
Linear-Style Docs
Modern, beautiful documentation that developers love.
“Linear's documentation has set the standard for developer experience. Fixed sidebar enables quick navigation through complex docs.”
Dark Glass Dashboard
Sleek dark mode with glass panels. Modern analytics feel.
“Dark glass panels create depth without overwhelming data. The translucency adds sophistication to data-heavy interfaces.”
Editorial Blog
Magazine-quality typography for long-form content.
“Editorial typography optimizes reading experience. F-pattern follows natural eye movement for article scanning.”
Neo-Brutal SaaS
Bold, attention-grabbing design. Stands out in crowded markets.
“Neo-brutalism breaks from generic SaaS design, creating memorability. Asymmetric grid adds dynamic energy without chaos.”
Luxury Retail
High-end feel for premium products and fashion.
“Editorial typography elevates brand perception. Full-page scroll creates immersive storytelling for luxury positioning.”
Bold Agency
Make a statement with bold typography and animations.
“Bold geometry commands attention and shows design confidence. Parallax creates immersive storytelling for agency capabilities.”