Design recipes
Design recipes
Short sequences of design commands for a whole job, from a new landing page to dark mode.
- New landing pageRecipeFrom blank to a shipped page that does not look templated.
- New dashboard or toolRecipeProduct screens with a design system that stays consistent next session.
- This page kind of stinksRecipeFind out why, then fix the worst of it. Stays inside your design system.
- Rethink it, rules offRecipeLet it suggest new fonts, colors and hierarchy even if that breaks the design system.
- It looks AI-generatedRecipeRescue a bland or generic screen without starting over.
- Motion done properlyRecipeAdd animation where it helps and nowhere else.
- Pre-ship checkRecipeCatch problems before users do. The first three only report.
- Feels right on a phoneRecipeMake a web app feel like an installed app instead of a website.
- Explore before committingRecipeSee real options instead of arguing about one.
- Clean up a repo's docsRecipeGet a noisy first run of Vale (the prose checker) down to problems worth fixing.
- Write prose that doesn't sound like AIRecipeTake one piece of writing from draft to ready to send.
- Type and color system from scratchRecipeFonts, a palette scale and dark mode, saved so every later pass uses them.
- Landing page that convertsRecipeFrom how you pitch the product to a page that's checked for turning visitors into sign-ups.
- Native iPhone screenRecipeSwiftUI screens that someone who knows iPhones well would trust.
- Usability rescueRecipePeople get lost or make mistakes. Find out where, then fix it.
- Brutal pre-launch reviewRecipeEvery tough review angle at once, then the fixes. Only when you ask for it.
- Dark mode done rightRecipeColors that keep their contrast and character in both light and dark themes.
- Interactions that feel aliveRecipeFeedback on every action, and motion only where it earns its place.
- People sign up and drift awayRecipeDesign how people get started and come back, instead of hoping they will.
- Image-led heroRecipeA page built around a real image instead of a gradient.
- Cinematic launch pageRecipeA memorable launch moment that still loads fast.
- Hierarchy fix in an hourRecipeThe page works but looks amateur.