Design & Branding AI Prompt Templates
Copy-ready design & branding prompts with fill-in fields. Pick one, fill in the blanks, and paste it into ChatGPT, Claude, or Gemini. Free to browse.
- Accessibility Audit (WCAG) - Checks a page or component against WCAG 2.1 AA and returns a ranked list of failures, each with the rule, the evidence and a concrete fix.
- Accessibility Audit Checklist - Ordered by who gets locked out, not by checklist number.
- Accessibility Consultant - An accessibility improvement plan for a building, product or service, with prioritized changes, implementation steps and ongoing support, tied to your…
- Accessible Technology Guide - A practical checklist for making a website, app or tool accessible, covering assistive technology support, key features, standards and how to test.
- Brand Anthem Creator - A brand anthem in your tone, built from your values and audience, written as a script, lyrics or a text manifesto.
- Brand Guideline Applier - Applies a brand's colours, type, voice, and spacing rules to a piece of content or a UI and returns the result with a short list of where each rule was used.
- Brand Mascot Brief Writer - Defines a brand mascot's look, personality, and voice in a brief that a designer or illustrator can work from without a follow-up call.
- Brand Mascot Creator - A mascot concept with personality, look, backstory and usage rules, matched to your brand tone and audience and ready to brief an illustrator.
- Color Contrast Checker Instructions - Checks a foreground and background color pair against WCAG 2.1 AA and AAA, shows the contrast ratio, and suggests the smallest change that makes a failing…
- Color Palette Generator Brief - Builds a complete brand color palette with hex codes, roles, usage rules, and contrast notes, matched to the emotion and audience you describe.
- CSS Custom Scrollbar Designer - Generates working cross-browser CSS for a custom scrollbar, with your colors, thickness, and hover effects, using both WebKit rules and the Firefox properties.
- CSS Flexbox/Grid Layout Generator - Turns a plain-language page layout (header, columns, sticky footer) into working HTML and CSS, choosing Grid, Flexbox, or Tailwind classes to match,…
- CSS Glassmorphism Generator - Generates the CSS for a frosted-glass UI card from your color, opacity, and blur values, in plain CSS, Tailwind classes, or Styled Components, with a fallback…
- CSS SVG Wave Generator - Creates responsive SVG section dividers in four wave styles, with your color and height, ready to paste between page sections with no gap or scroll bar.
- DALL-E Image Prompt Writer - Delivers one strong image prompt plus two single-change variations for DALL-E style generators, so you can compare results cleanly.
- Design Critique Framework - Structures design feedback around whether the design achieves its goal, split into what works, what confused you, and what is a risk, matched to the stage the…
- Design Review Scorecard - Scores one screen on hierarchy, consistency, copy, states, and accessibility, then lists the fixes in the order they pay off.
- Design System Component Spec - Specify it once, properly, so engineering does not have to guess.
- Design System From Scratch - Defines a new design system in one document: tokens, components, states, and the rules for using them so teams build the same way.
- Distinctive Frontend Design Brief - Gives a web interface a deliberate visual direction, with type, colour, motion, and layout choices that make it look designed for its purpose instead of like…
- Empty State and Microcopy Writer - Writes the small pieces of interface text that guide people: empty states, button labels, tooltips and confirmation dialogs that point to the next useful…
- Error Message Rewriter - Rewrites error messages so they say what happened, why, and what the person can do next, in the voice of the product and without blame or jargon.
- Figma Design Brief Generator - Writes a design brief with the problem, goals, flows, screens and states, copy needs, accessibility must-haves, and a definition of done, so a designer can…
- Figma Design to Code Handoff - Translates a design file into a component list, design tokens and every UI state, with the open questions for the designer written down.
- Flutter Theme Configurator - Generates a complete Flutter ThemeData Dart file from your brand colours and font, with component themes you choose and Material 3 support.
- Image Generation Brief - A precise brief for an image generator that fixes subject, style, composition, lighting, exclusions and output sizes, so results need fewer rerolls.
- Logo Concept Brief Writer - A logo brief a designer or image tool can act on in one pass: brand personality, style direction, colour rules, and the visual metaphors worth exploring.
- Midjourney Prompt Crafter - Converts a rough visual idea into a ready Midjourney prompt with style, lighting and parameters, plus two variations and keyword reasoning.
- Mobile App Wireframe Description Generator - Screen-by-screen wireframe descriptions for a mobile app concept, with layout, elements, actions, navigation, and empty and loading states a designer can…
- Photography Brief Creator - A shoot brief a photographer can price and plan from: usage, look, shot list, location, people, props, and exact deliverables, so the day produces usable…
- Poster and Canvas Design Brief - Specifies a poster or social canvas: visual hierarchy, grid, palette, type pairing, and the export sizes for each place it will appear.
- Presentation Slide Plan Creator - A slide-by-slide plan for a presentation: titles, bullet points, and a visual for every slide, sequenced to the sections and audience level you choose.
- Product Feature Naming Helper - A shortlist of feature names grouped by style, each with a rationale and a check against your existing naming, so the new name feels like part of the product.
- Product Onboarding Sequence Draft - Maps a new-user onboarding flow screen by screen, with headline, body copy and call to action for each step, aimed at the moment users first feel the value.
- React and Next.js Patterns Review - Reviews a React or Next.js codebase for component structure, state placement, data fetching, form handling, and accessibility, with fixes ranked by user impact.
- Screenshot Visual Check - Compares before and after screenshots of a UI change and lists what moved, what changed and what broke, region by region.
- Slide Deck Outline Builder - Builds a slide deck outline with one message per slide, speaker notes, and a list of the data or visuals each slide needs, so the deck can be built without…
- UI Micro-copy Writer - Short interface copy for buttons, errors, empty states, and tooltips that tells people what happened and what to do next, in the product's own voice.
- UI Theme Generator - Builds a coherent UI theme from a brand brief: colour tokens with a dark mode, a type scale, spacing, and how each applies to real components.
- Usability Test Plan - Plans a usability test with realistic tasks, success criteria, participant criteria and an observation sheet so findings are comparable across sessions.
- User Flow Mapper - Maps a user flow step by step, including branches and error states, and finds the decisions that make people quit, with a shorter version to try.
- User Persona Builder - Builds a realistic one-page customer persona for a product or service, with the goals, frustrations and buying objections that product and marketing decisions…
- UX/UI Copy Critic & Improver - Rewrites unclear app text into clearer microcopy, with variations and a plain reason why each one works better for the user.
- Virtual Event Accessibility Guide - Checks a virtual event against accessibility needs and returns a prioritised plan of what to provide, which gaps to fix before launch, and what to tell…
- Website Audit Checklist Maker - Generates a pre-launch website QA checklist tailored to your site type, stack and chosen audit areas, in tickable form or as plain steps.