30 Claude Prompts That Design Posters

You are a typographic poster designer who builds quotes into striking compositions. <context> I need a typographic quote poster built as one self-contained HTML file with inline CSS at portrait print proportions, previewable instantly as an artifact. </context> <inputs> - The quote: [EXACT TEXT] - Attribution: [WHO SAID IT] - Emotional tone: [E.G. CALM, DEFIANT, HOPEFUL] - Where it will hang: [HOME, OFFICE, GYM, CLASSROOM] - Palette: [DESCRIBE OR "YOUR CALL"] - Orientation: [PORTRAIT / SQUARE] </inputs> <task> Design a poster where the typography is the entire artwork: set the quote with deliberate hierarchy, emphasizing the key phrase through size, weight, or color contrast, and place the attribution cleanly. Use a confident grid, intentional line breaks, and a palette that matches the tone. No clip-art; let the letters carry the design. </task> <constraints> - One self-contained HTML file at the requested aspect; Google Fonts only. - Type-only composition; meaningful line breaks; high contrast and legibility. - Use the exact quote text; keep attribution understated. </constraints> <format> Return the full HTML as an artifact, then explain which phrase you emphasized and why, and offer one alternate type pairing. </format>

You are a sports-brand designer who makes bold, kinetic fitness motivation posters. <context> I need a gym motivation poster built as one self-contained HTML file with inline CSS at portrait proportions, previewable instantly as an artifact, with high-energy athletic styling. </context> <inputs> - The slogan or mantra: [SHORT LINE] - Discipline: [E.G. LIFTING, RUNNING, BOXING, CROSSFIT] - Tone: [E.G. AGGRESSIVE, DISCIPLINED, EMPOWERING] - Brand or gym name: [OPTIONAL] - Accent color and mood: [E.G. BLACK AND VOLT GREEN] - Audience: [E.G. BEGINNERS, ATHLETES] </inputs> <task> Design a high-energy poster: the mantra as a dominant, kinetic type treatment, a supporting line if needed, and a discreet gym or brand lockup. Use bold condensed type, diagonal energy, strong contrast, and CSS shapes that suggest motion. Keep it punchy and intense without becoming cheesy. </task> <constraints> - One self-contained HTML file at 2:3 portrait aspect; Google Fonts only. - Bold, kinetic, high-contrast; CSS-only graphics; mantra reads from across a room. - Real copy; avoid cliche stock-quote vibes. </constraints> <format> Return the full HTML as an artifact, then explain how you created a sense of motion with type and shape alone. </format>

You are a brand and culture designer who turns company values into wall-worthy posters. <context> I need an office values poster built as one self-contained HTML file with inline CSS at portrait or landscape proportions, previewable instantly as an artifact, that fits a workplace without feeling corporate-cringe. </context> <inputs> - Company / team name: [NAME] - The values or principles: [3-6 SHORT ITEMS] - Tone: [E.G. WARM, AMBITIOUS, NO-NONSENSE] - Brand colors and fonts feel: [DESCRIBE] - Where it hangs: [LOBBY, MEETING ROOM, ALL-HANDS] - Orientation: [PORTRAIT / LANDSCAPE] </inputs> <task> Design a values poster: a clear header tying the values to the company, each value as a confident item with a short supporting line, arranged on a clean grid, with a subtle brand lockup. Make it feel genuine and designed, not like a generic motivational template, using typography and a restrained palette to carry it. </task> <constraints> - One self-contained HTML file at the requested aspect; Google Fonts only. - Designed, sincere, not cheesy; consistent spacing; accessible contrast. - Use the exact values provided; CSS-only decoration. </constraints> <format> Return the full HTML as an artifact, then explain the layout system and how to add or reword a value without breaking the grid. </format>

You are an educational designer who makes clear, friendly classroom posters. <context> I need a classroom poster built as one self-contained HTML file with inline CSS at portrait proportions, previewable instantly as an artifact, that is encouraging and easy to read from the back of a room. </context> <inputs> - Topic or message: [E.G. GROWTH MINDSET, READING RULES, LAB SAFETY] - Age group: [GRADE OR LEVEL] - Key points to include: [LIST] - Tone: [E.G. PLAYFUL, CALM, ENCOURAGING] - Color and style: [DESCRIBE] - Subject area: [OPTIONAL] </inputs> <task> Design a classroom poster: a friendly heading, the key points laid out as clearly numbered or iconed items with short, age-appropriate wording, and an encouraging closing line. Use cheerful but legible color, large type, simple CSS-drawn icons, and plenty of clarity so it teaches at a glance. </task> <constraints> - One self-contained HTML file at 2:3 portrait aspect; Google Fonts only. - Large, legible type; age-appropriate language; accessible color contrast. - Icons are simple CSS shapes; real content from the inputs. </constraints> <format> Return the full HTML as an artifact, then explain how you matched the reading level and suggest one interactive element to add. </format>

You are a wellness designer who creates calming affirmation and mindfulness posters. <context> I need a mindfulness affirmation poster built as one self-contained HTML file with inline CSS at portrait or square proportions, previewable instantly as an artifact, with a soothing aesthetic. </context> <inputs> - The affirmation or mantra: [TEXT] - Mood: [E.G. SERENE, GROUNDING, UPLIFTING] - Setting: [BEDROOM, STUDIO, THERAPY ROOM] - Palette: [E.G. SOFT NEUTRALS, SAGE, BLUSH] - Optional sub-line: [SHORTER SUPPORTING PHRASE] - Orientation: [PORTRAIT / SQUARE] </inputs> <task> Design a calming poster: set the affirmation in graceful typography centered in generous space, support it with a gentle sub-line if provided, and frame it with soft CSS gradients or organic shapes. Favor whitespace, muted color, and a quiet, balanced composition that feels like a deep breath. </task> <constraints> - One self-contained HTML file at the requested aspect; Google Fonts only. - Soft, calm, lots of breathing room; gentle but readable contrast. - Organic shapes via CSS only; use the exact affirmation text. </constraints> <format> Return the full HTML as an artifact, then explain the calming design choices and offer a darker, evening-mode palette variant. </format>

You are a retail promotion designer who builds urgent, eye-catching sale posters. <context> I need a seasonal sale poster built as one self-contained HTML file with inline CSS at portrait proportions, previewable instantly as an artifact and ready for a shop window or feed. </context> <inputs> - Sale name and season: [E.G. SUMMER SALE, BLACK FRIDAY] - The headline offer: [E.G. UP TO 50% OFF] - What is included or excluded: [SCOPE] - Dates and any code: [WHEN, PROMO CODE] - Brand name and colors: [DESCRIBE] - Where to shop: [URL OR IN-STORE] </inputs> <task> Design a sale poster with the discount as the dominant element, a clear sale name, a scope line of what is included, the dates and any promo code in a highlighted band, the brand lockup, and a shop-now cue. Build urgency through bold type, a strong accent color, and a tight composition while keeping the offer terms unmissable. </task> <constraints> - One self-contained HTML file at 2:3 portrait aspect; Google Fonts only. - The discount number is the biggest thing on the poster; dates and code clearly legible. - CSS-only graphics; real offer copy; print-safe high contrast. </constraints> <format> Return the full HTML as an artifact, then explain the urgency techniques and how to localize the discount for different markets. </format>

You are a product-marketing designer who creates launch promo posters. <context> I need a product launch promo poster built as one self-contained HTML file with inline CSS at portrait proportions, previewable instantly as an artifact. </context> <inputs> - Product name and one-liner: [NAME PLUS WHAT IT IS] - The single biggest benefit: [HEADLINE BENEFIT] - Launch offer: [INTRO PRICE, BUNDLE, FREE GIFT] - Availability: [DATE / "NOW AVAILABLE"] - Brand colors and vibe: [DESCRIBE] - Where to buy: [URL OR STORE] </inputs> <task> Design a launch promo poster: a CSS-built product hero shape, the product name and one-liner, the single biggest benefit as a bold headline, a launch-offer callout band, availability info, and a buy-now cue. Make the product feel new and desirable with confident type, a clean focal composition, and a strong brand color. </task> <constraints> - One self-contained HTML file at 2:3 portrait aspect; Google Fonts only. - One clear focal point; benefit headline and offer legible; CSS-only product visual. - Real copy; avoid hype words, sell the concrete benefit. </constraints> <format> Return the full HTML as an artifact, then explain the focal hierarchy and how to swap the CSS product shape for a real photo later. </format>

You are a food-and-beverage designer who makes mouth-watering menu-promo posters. <context> I need a restaurant special poster built as one self-contained HTML file with inline CSS at portrait proportions, previewable instantly as an artifact and suited for a window, table tent, or feed. </context> <inputs> - Venue name: [NAME] - The special or deal: [E.G. TACO TUESDAY, 2-FOR-1 BRUNCH, NEW DISH] - Featured items and prices: [ITEMS] - When it runs: [DAYS, TIMES, DATES] - Vibe and palette: [E.G. RUSTIC, FRESH, BOLD] - How to order: [WALK IN, BOOK, DELIVERY] </inputs> <task> Design an appetizing special poster: a tempting headline for the deal, the featured items styled with names, short descriptions, and prices, the run days and times in a clear band, the venue lockup, and an ordering cue. Use warm, food-forward color, tasteful type, and CSS shapes suggesting plates or ingredients to make it crave-able and clear. </task> <constraints> - One self-contained HTML file at 2:3 portrait aspect; Google Fonts only. - Items, prices, and run times perfectly legible; appetizing warm palette. - CSS-only food motifs; use the exact items and prices given. </constraints> <format> Return the full HTML as an artifact, then explain the appetite-appeal choices and how to resize it for a table tent. </format>

You are a conversion designer who builds high-urgency flash-sale posters. <context> I need a flash-sale poster built as one self-contained HTML file with inline CSS as a square social graphic, previewable instantly as an artifact, engineered for maximum urgency. </context> <inputs> - The flash offer: [E.G. 24 HOURS ONLY, 40% OFF] - What it applies to: [SCOPE] - Exact window: [START AND END TIME] - Promo code if any: [CODE] - Brand colors: [DESCRIBE] - CTA: [SHOP NOW URL / SWIPE UP] </inputs> <task> Design a flash-sale poster engineered for urgency: a countdown-feel headline, the discount as the dominant element, the exact time window in a high-alert band, any promo code, and a single decisive CTA. Use an alarm-grade accent color, a tight composition, and a styled countdown placeholder, keeping the window and code unmissable. </task> <constraints> - One self-contained HTML file at 1:1 square aspect; Google Fonts only. - Reads instantly as a thumbnail; one CTA only; window and code crystal clear. - Countdown is a CSS-styled placeholder; real offer copy. </constraints> <format> Return the full HTML as an artifact, then explain the urgency stack and how to wire a real countdown timer into the placeholder. </format>

You are a retail designer who creates bold clearance and closing-down posters. <context> I need a clearance poster built as one self-contained HTML file with inline CSS at portrait proportions, previewable instantly as an artifact and built to be seen from outside a store. </context> <inputs> - Sale type: [CLEARANCE / CLOSING DOWN / EVERYTHING MUST GO] - The discount range: [E.G. 30-70% OFF] - What is included: [ALL STOCK, SELECTED LINES] - Final dates: [WHEN IT ENDS] - Store name and location: [NAME, ADDRESS] - Palette: [E.G. RED AND BLACK, HIGH ALERT] </inputs> <task> Design a clearance poster with a giant headline declaring the sale type, the discount range as the dominant figure, the included scope, the final dates in an urgent band, and the store lockup. Use stark high-contrast color, heavy condensed type, and a no-nonsense composition built to stop foot traffic from across the street. </task> <constraints> - One self-contained HTML file at 2:3 portrait aspect; Google Fonts only. - Maximum legibility from a distance; discount and final dates dominate. - CSS-only graphics; print-safe stark contrast; real copy. </constraints> <format> Return the full HTML as an artifact, then explain the distance-legibility choices and how to scale it up to a full window-cling size. </format>

You are a graphic designer steeped in the Swiss International Typographic Style. <context> I need a Swiss-style poster built as one self-contained HTML file with inline CSS at portrait proportions, previewable instantly as an artifact, executed with strict grid discipline. </context> <inputs> - Subject or occasion: [WHAT THE POSTER IS FOR] - Primary message: [HEADLINE TEXT] - Supporting details: [DATE, PLACE, OR SECONDARY LINES] - Accent color: [ONE COLOR] - Typeface feel: [GROTESQUE SANS, E.G. HELVETICA-LIKE] - Orientation: [PORTRAIT] </inputs> <task> Design a poster on a visible, mathematical grid: a flush-left sans-serif headline, asymmetric balance, generous negative space, a single accent color used sparingly, and precise alignment of every element to the grid. Let typography and composition do all the work; no decoration beyond pure geometric forms. </task> <constraints> - One self-contained HTML file at 2:3 portrait aspect; Google Fonts only (a grotesque sans). - Strict grid, asymmetric layout, one accent color, lots of whitespace, no ornament. - Real copy from inputs; impeccable alignment and hierarchy. </constraints> <format> Return the full HTML as an artifact, then describe the grid (columns, baseline) and the typographic scale you used. </format>

You are a minimalist poster designer who builds a single iconic CSS form into a poster. <context> I need a minimalist one-object poster built as one self-contained HTML file with inline CSS at portrait proportions, previewable instantly as an artifact, centered on a single geometric subject. </context> <inputs> - The subject to abstract: [E.G. A SUN, A MOUNTAIN, A COFFEE CUP, A PLANET] - The message or title: [SHORT TEXT] - Mood: [E.G. CALM, BOLD, RETRO] - Two or three colors max: [PALETTE] - Use of negative space: [HOW PROMINENT] - Orientation: [PORTRAIT / SQUARE] </inputs> <task> Design a poster around one bold, simplified CSS-drawn object as the hero, with a short title set in restrained type and intentional negative space framing the form. Reduce the subject to its essential geometry and let a tight two-or-three-color palette carry the mood. Nothing extraneous. </task> <constraints> - One self-contained HTML file at the requested aspect; Google Fonts only. - A single dominant CSS-drawn form; two-to-three colors; deliberate whitespace. - Real title text; no gradients-for-the-sake-of-it, no clutter. </constraints> <format> Return the full HTML as an artifact, then explain how you simplified the object and how the negative space supports the idea. </format>

You are an information designer who turns data into a single, clear infographic poster. <context> I need a data infographic poster built as one self-contained HTML file with inline CSS at portrait proportions, previewable instantly as an artifact, presenting a dataset visually. </context> <inputs> - Topic and headline takeaway: [WHAT THE DATA SHOWS] - The key stats or data points: [NUMBERS WITH LABELS] - Sections or themes: [HOW TO GROUP THE DATA] - Source: [DATA SOURCE] - Brand colors: [PALETTE] - Audience: [WHO READS IT] </inputs> <task> Design an infographic poster with a clear headline takeaway, then the data presented as CSS-drawn charts and big-number stat callouts (bars, donuts, progress rings, comparison blocks) grouped into logical sections with short explanatory labels, ending with a source line. Build a strong reading path top to bottom and keep every chart honest and labeled. </task> <constraints> - One self-contained HTML file at 2:3 portrait aspect; Google Fonts only. - All charts are CSS-drawn (no chart libraries) and accurately reflect the numbers given. - Clear hierarchy, labeled axes or values, accessible contrast; source cited. </constraints> <format> Return the full HTML as an artifact, then explain the reading path, the chart choices per data point, and any data caveats. </format>

You are an explainer designer who turns a process into a clear step-by-step poster. <context> I need a how-it-works poster built as one self-contained HTML file with inline CSS at portrait proportions, previewable instantly as an artifact, explaining a process visually. </context> <inputs> - The process and its goal: [WHAT IT EXPLAINS] - The steps in order: [STEP LIST WITH SHORT DESCRIPTIONS] - Audience: [WHO NEEDS TO UNDERSTAND IT] - Tone: [E.G. FRIENDLY, TECHNICAL, INSTRUCTIONAL] - Brand colors: [PALETTE] - Title and any closing CTA: [HEADLINE, OPTIONAL CTA] </inputs> <task> Design a process poster: a clear title, the steps laid out as a numbered visual flow with CSS-drawn connectors or arrows, each step having a short heading and one-line description plus a simple CSS icon, and an optional closing CTA. Make the sequence obvious and the whole thing understandable at a single glance. </task> <constraints> - One self-contained HTML file at 2:3 portrait aspect; Google Fonts only. - Numbered, connected steps with clear flow direction; CSS-only icons and connectors. - Concise step copy from inputs; accessible contrast and legible type. </constraints> <format> Return the full HTML as an artifact, then explain the flow layout and how to adapt it from vertical to a horizontal version. </format>

You are an information designer who builds clear side-by-side comparison posters. <context> I need a comparison poster built as one self-contained HTML file with inline CSS at portrait or landscape proportions, previewable instantly as an artifact, comparing options at a glance. </context> <inputs> - What is being compared: [THE OPTIONS, E.G. PLAN A VS PLAN B VS PLAN C] - The comparison criteria: [ROWS / ATTRIBUTES] - Values for each option: [DATA PER OPTION] - The recommended pick: [WHICH TO HIGHLIGHT, IF ANY] - Brand colors: [PALETTE] - Title and orientation: [HEADLINE, PORTRAIT/LANDSCAPE] </inputs> <task> Design a comparison poster: a clear title, a clean comparison matrix with the options as columns and the criteria as rows, using check or value cells, optionally highlighting the recommended column, and a short takeaway line. Make the winning differences visually obvious through emphasis, color, and alignment while keeping the table honest and readable. </task> <constraints> - One self-contained HTML file at the requested aspect; Google Fonts only. - A clean, aligned comparison grid; CSS-only check/cross marks; highlighted column if requested. - Accurate values from inputs; accessible contrast; clear column and row headers. </constraints> <format> Return the full HTML as an artifact, then explain how you drew the eye to the recommended option and how to add another column. </format>