Prompt library

Web Design Prompts

Prompts for websites, landing pages, UI screens and brand identity, with palettes, type and layout spelled out.

Design prompts work best when they read like a brief: who the page is for, what it must do, and the exact colours, fonts and spacing to use. Each prompt here gives the model that structure and leaves the specifics to your variables.

• Admin Dashboard UI Layout Spec PromptDesign a data-heavy dashboard screen with clear hierarchy: layout grid, KPI cards, charts, tables, filters, empty and error states.Claude · ChatGPT · v0
• Brand Identity Starter Kit PromptGet a compact brand identity for a new business: positioning, three logo concepts, palette, type pairing, voice and example applications.ChatGPT · Claude · Gemini
• Design System Tokens from a Brand BriefTurn a short brand description into a full set of design tokens (colour, type, spacing, radius, shadow, motion) as JSON and CSS custom properties.Claude · ChatGPT · Gemini
• Portfolio Website Art Direction PromptPlan a personal portfolio site that shows your best work first, with layout, case-study structure, type and colour chosen for your discipline.Claude · ChatGPT · Framer AI
• SaaS Landing Page Design Spec PromptGet a complete, buildable landing page design for a software product: sections, copy, palette, type scale, spacing and component states in one answer.ChatGPT · Claude · Gemini

Other prompt categories

• Visual Effects
• Interaction
• Motion & Animation
• Video Editing
• Camera Moves
• Image Generation
• Writing
• Industry
• Idea → Prompt: expand your own idea into a detailed prompt