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 Publishing 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
Publishing Design Prompts
The New York Times
Publishing## Color Palette - Primary: #000000 - Background: #FFFFFF, #F7F7F7 - Text: #121212, #666666 - Accent: #567B95 ## Typography - Font: nyt-cheltenham (serif), nyt-franklin - Headings: 700 weight, serif - Body: 400 weight, 18-20px ## Layout Principles - Broadsheet grid - Section hierarchy - Longform reading - Breaking news banners ## UI Components - Minimal borders - Section headers - Byline styling - Comment sections ## Visual Style - Newspaper heritage - Authoritative serif - Photojournalism - Editorial gravitas
BBC News
Publishing## Color Palette - Primary: #B80000 (BBC Red) - Background: #FFFFFF, #F6F6F6 - Text: #222222, #5A5A5A - Accent: #3F3F42 ## Typography - Font: Reith Sans, BBC Reith Serif - Headings: 700 weight - Body: 400 weight, 16px ## Layout Principles - Headline hierarchy - Regional sections - Live updates - Video prominence ## UI Components - Bordered cards - Live indicators - Topic tags - Share buttons ## Visual Style - Trusted journalism - Red accent on neutral - Clear hierarchy - Global perspective
Medium
Publishing## Color Palette - Primary: #000000 - Background: #FFFFFF - Text: #242424, #6B6B6B - Accent: #1A8917 (Green) ## Typography - Font: sohne (sans), Charter (serif) - Headings: Charter, 700 weight - Body: Charter, 400 weight, 21px, 1.58 line-height ## Layout Principles - Single-column reading - Maximum 680px content width - Generous margins - Minimal distractions ## UI Components - Almost no borders - Clap button - Highlight to share - Reading progress bar ## Visual Style - Pure reading focus - Elegant typography - Subtle interactions - Literary aesthetic
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.