Design Prompts
Discover curated AI design prompts for creating beautiful websites. Copy-paste ready style guides that help LLMs understand and recreate design patterns from leading brands.
What is Brand Website Design?
Web design prompts provide structured instructions for AI models to generate consistent, professional designs. These prompts capture the essence of successful designs - from color palettes and typography to layout principles and interaction patterns.
Common Use Cases
- Website redesigns and refreshes
- New product landing pages
- Brand-consistent marketing sites
- Prototype and mockup generation
- Design system documentation
Design Characteristics
- Detailed color specifications
- Typography hierarchies
- Layout and spacing guidelines
- Component styling rules
- Interaction patterns
Brand Design Prompts
Nike
Brand## Color Palette - Primary: #111111 - Background: #000000, #111111 - Text: #FFFFFF, #7E7E7E - Accent: #FF6B00 (Orange) ## Typography - Font: Helvetica Neue, Futura - Headings: 900 weight, condensed - Body: 400 weight, 14-16px ## Layout Principles - Hero imagery dominant - Product grid focus - Full-bleed photography - Athlete stories ## UI Components - Minimal rounded corners - Add to bag buttons - Size selectors - Wishlist hearts ## Visual Style - Athletic inspiration - Just Do It energy - Movement and action - Bold typography
Adidas
Brand## Color Palette - Primary: #000000 - Background: #FFFFFF, #ECEFF1 - Text: #000000, #767677 - Accent: #FF0000 ## Typography - Font: AdihausDIN, Helvetica - Headings: 700 weight, uppercase - Body: 400 weight, 14px ## Layout Principles - Three stripes motif - Product category focus - Athlete collaborations - Sustainability messaging ## UI Components - Angular design elements - Product cards - Filter dropdowns - Size guides ## Visual Style - Sport heritage - Street culture - Bold uppercase text - Clean product focus
Coca-Cola
Brand## Color Palette - Primary: #F40009 (Coca-Cola Red) - Secondary: #FFFFFF (White), #000000 (Black) - Background: #F40009 or #FFFFFF depending on section - Accent: #1E1E1E (dark text on light) ## Typography - Font Family: TCCC Unity, custom serif for headlines, sans-serif for body - Headings: Bold, expressive, often curved or dynamic - Body: Clean sans-serif, 16px, good contrast ## Layout Principles - Dynamic, flowing layouts with curved elements - Hero-focused with large product imagery - Asymmetric balance, breaking grid intentionally - Strong diagonal movements and wave patterns ## UI Components - Buttons: Rounded pills, high contrast (white on red) - Cards: Full-bleed images, minimal borders - CTAs: Bold, action-oriented, prominent placement - Icons: Custom illustrated style when possible ## Visual Style - High saturation, confident color usage - Product photography as centerpiece - Lifestyle imagery with emotional appeal - Smooth curves, no harsh angles - Energy and movement in static designs
Frequently Asked Questions
How do I use these design prompts?
Copy the design prompt and paste it into your preferred AI tool (ChatGPT, Claude, v0, etc.) along with your specific requirements. The AI will use the style guide to generate designs that match the aesthetic.
Can I modify the prompts?
Absolutely! These prompts are starting points. Customize colors, fonts, and layout preferences to match your brand while keeping the overall design philosophy.
What AI tools work with these prompts?
These prompts work with any LLM that can generate code or designs - ChatGPT, Claude, Gemini, v0, and more. They're especially effective with tools that understand web technologies.