Claude Prompt Library

30 Claude Prompts That Design Logos

30 copy-paste prompts

Describe your brand and Claude returns a real, previewable logo as clean SVG or HTML: wordmarks, monograms, icon marks, favicon sets, and light/dark/mono variations you can drop straight into a brand kit. Not "describe a logo idea."

In short: This page contains 30 copy-paste ready prompts, organized into 6 categories with a description and pro tip for each. The first 15 prompts are free instantly β€” no signup needed. Hand-curated and tested by the AI Academy team.

By Louis Corneloup Β· Founder, Techpresso
Last updated Β·Hand-curated & tested by the AI Academy team

Wordmarks & Lettermarks

5 prompts

Type-Driven SaaS Wordmark

1/30

You are a senior brand designer who builds logotypes in pure SVG. <context> I need a finished wordmark for my brand, output as one self-contained SVG I can preview instantly as an artifact and paste into Figma or a website. The letterforms must be real vector paths or carefully styled text, not a screenshot. </context> <inputs> - Brand name (exact casing): [NAME] - What the brand does: [ONE LINE] - Personality: [E.G. PRECISE, FRIENDLY, PREMIUM] - Color direction: [HEX OR DESCRIBE] - Where it lives: [APP NAV, WEBSITE HEADER, DECK] </inputs> <task> Design a distinctive wordmark: choose a typographic treatment (custom letter spacing, a single modified letter, a ligature, or a subtle cut), set type in a clean web-safe or Google Font, and lock a 2-color palette. Build the SVG on a defined viewBox with the name set as crisp paths or styled text, balanced optical spacing, and a tight bounding box. </task> <constraints> - One self-contained SVG with a viewBox; no external font files (use system or Google Font with a fallback stack). - Must read clearly at 24px height and at 200px; no raster, no filters that break on scaling. - Pick a single deliberate distinguishing detail and explain it. </constraints> <format> Return the wordmark SVG as an artifact, then explain the one custom move you made and how to swap the font. </format>

Produces a distinctive type-driven wordmark as a clean, scalable SVG artifact ready to drop into a brand kit.

πŸ’‘

Pro tip: Tell Claude which single letter can carry a custom cut or ligature so the wordmark gets a signature detail instead of plain text.

Two-Initial Monogram Lettermark

2/30

You are a logo designer specializing in elegant initial-based lettermarks. <context> I want a monogram built from my brand's initials, delivered as one self-contained SVG previewable as an artifact and usable as an app icon or stamp. </context> <inputs> - Initials to combine: [E.G. A AND R] - Brand name and field: [NAME, INDUSTRY] - Style: [GEOMETRIC, SERIF-LUXURY, MODERN SANS] - Color: [SINGLE HEX OR DUOTONE] - Shape it should sit in: [CIRCLE, SQUARE, NONE] </inputs> <task> Design a monogram where the two initials interlock, overlap, or share a stroke so they read as one mark, not two letters side by side. Build it in SVG with clean geometry, consistent stroke weight, and optical centering inside the chosen container shape. Add a tiny variant note for how it works as a standalone icon. </task> <constraints> - One self-contained SVG with a square viewBox; works as a favicon and an app icon. - Single deliberate construction logic (shared stroke, negative-space overlap, or nesting) applied consistently. - Legible at 32px; no decorative noise that disappears when small. </constraints> <format> Return the monogram SVG as an artifact, then describe the interlock logic and how to recolor it for dark backgrounds. </format>

Generates an interlocking two-initial monogram as a square SVG artifact that doubles as an app icon.

πŸ’‘

Pro tip: Ask Claude to show the construction grid behind the monogram so you can verify the letters truly share geometry.

Lowercase Friendly Wordmark

3/30

You are a brand designer who crafts warm, approachable lowercase logotypes for consumer apps. <context> I want an all-lowercase wordmark with a friendly modern feel, returned as one self-contained SVG I can preview instantly as an artifact. </context> <inputs> - Brand name: [NAME] - Product and audience: [WHAT IT IS, WHO IT IS FOR] - Feeling: [E.G. PLAYFUL, CALM, SOFT-TECH] - Accent color: [HEX OR DESCRIBE] - Optional dot/period or accent placement: [DESCRIBE OR NONE] </inputs> <task> Set the name in lowercase using a rounded geometric sans feel, with generous but optically even spacing and one small warm detail (a rounded terminal, a colored dot, a tucked ligature). Build the SVG with the type styled cleanly and the accent applied to exactly one element so the eye lands there. </task> <constraints> - One self-contained SVG with a viewBox; rounded, even, friendly proportions. - Exactly one accent moment; the rest stays neutral so it does not look busy. - Crisp at 20px height for use as a small app header lockup. </constraints> <format> Return the wordmark SVG as an artifact, then explain where the accent sits and why, and how to mute it for a monochrome version. </format>

Builds a warm all-lowercase consumer wordmark with one accent detail as a previewable SVG artifact.

πŸ’‘

Pro tip: Give Claude the brand's single emotional word and have it choose the accent (dot, curve, color) that best expresses it.

Bold Editorial Serif Logotype

4/30

You are a typographic logo designer who builds premium serif logotypes for media and luxury brands. <context> I need a confident serif wordmark with editorial authority, output as one self-contained SVG previewable as an artifact. </context> <inputs> - Brand name: [NAME] - Category: [E.G. MAGAZINE, LAW FIRM, FASHION HOUSE] - Tone: [E.G. CLASSIC, EDGY, REFINED] - Color: [HEX, OFTEN NEAR-BLACK] - Tagline to lock under it (optional): [TAGLINE OR NONE] </inputs> <task> Set the name in a high-contrast serif with tight, deliberate letter spacing and strong baseline alignment. Add a subtle structural device (a hairline rule above or below, small caps for a tagline, or a refined ampersand) to signal craft. Build the SVG with the wordmark and optional tagline locked as a balanced lockup. </task> <constraints> - One self-contained SVG with a viewBox; classic serif via Google Font with a serif fallback. - Restrained palette (one or two colors); no gradients, no drop shadows. - Tagline, if present, optically aligned to the wordmark width. </constraints> <format> Return the logotype SVG as an artifact, then explain the spacing and hierarchy choices and how to scale the tagline lockup. </format>

Creates an authoritative editorial serif logotype with an optional tagline lockup as a previewable SVG artifact.

πŸ’‘

Pro tip: Tell Claude to letter-space the wordmark tighter than feels comfortable; serif logotypes almost always read better condensed.

Single-Letter Lettermark Badge

5/30

You are a logo designer who builds memorable single-letter marks. <context> I want one letter turned into a strong standalone brand mark, returned as a self-contained SVG previewable as an artifact and usable as an app icon. </context> <inputs> - Letter to feature: [LETTER] - Brand name and meaning: [NAME, WHAT IT STANDS FOR] - Style: [GEOMETRIC, BLACKLETTER-MODERN, SOFT] - Color or duotone: [HEX VALUES] - Container: [ROUNDED SQUARE, CIRCLE, SHIELD, NONE] </inputs> <task> Transform the single letter into a designed mark: use negative space, a counter-form cut, a shared stroke, or a subtle symbol baked into the letter to make it more than typed text. Center it optically in the container, balance positive and negative space, and keep one clear focal idea. </task> <constraints> - One self-contained SVG with a square viewBox; reads cleanly at 28px and as a 1024px app icon. - One conceptual idea only (negative space OR hidden symbol OR custom counter), executed crisply. - No tiny details that vanish at favicon scale. </constraints> <format> Return the lettermark SVG as an artifact, then explain the concept hidden in the letter and how to produce a knockout (white-on-color) version. </format>

Turns a single initial into a concept-driven lettermark badge as a square, app-icon-ready SVG artifact.

πŸ’‘

Pro tip: Ask Claude to bake a meaning into the negative space (an arrow, a leaf, a path) so the single letter carries a story.

XML tags are just the start. Learn the full Claude workflow.

A growing library of 300+ hands-on AI tutorials covering Claude, ChatGPT, and 50+ tools. New tutorials added every week.

Start 7-Day Free Trial

Icon & Symbol Marks

5 prompts

Abstract Geometric Symbol Mark

6/30

You are a brand identity designer who builds abstract geometric symbols in SVG. <context> I need an abstract symbol that represents my brand without spelling anything out, returned as one self-contained SVG previewable as an artifact. </context> <inputs> - Brand name and what it does: [NAME, ONE LINE] - Idea or value to encode: [E.G. CONNECTION, GROWTH, SPEED, TRUST] - Style: [MINIMAL, BOLD, INTRICATE-BUT-SCALABLE] - Color or gradient: [HEX VALUES] - Construction feel: [GRID-PRECISE, ORGANIC] </inputs> <task> Design an abstract mark built from clean geometric primitives (arcs, triangles, intersecting shapes) that suggests the encoded idea. Construct it on a consistent grid with even stroke weights and balanced negative space. Keep it to one strong silhouette that survives at small sizes. </task> <constraints> - One self-contained SVG with a square viewBox; a single, recognizable silhouette. - Built on a visible underlying grid logic; consistent corner radii and stroke weights. - Scales from 24px to large; no gradients that muddy the form when small. </constraints> <format> Return the symbol SVG as an artifact, then explain what the shape encodes and how to lock it beside a wordmark. </format>

Builds an abstract geometric brand symbol encoding one core idea as a grid-based SVG artifact.

πŸ’‘

Pro tip: Name a single value for Claude to encode; abstract marks fail when they try to say three things at once.

Literal Object Icon Mark

7/30

You are an icon designer who turns a literal object into a clean, ownable logo mark. <context> I want a simple, recognizable object-based icon for my brand, returned as one self-contained SVG previewable as an artifact. </context> <inputs> - Object to base it on: [E.G. LEAF, MOUNTAIN, KEY, BOLT] - Brand name and field: [NAME, INDUSTRY] - Style: [LINE ICON, SOLID FILL, DUOTONE] - Color: [HEX VALUES] - One twist to make it ownable: [DESCRIBE OR LET CLAUDE PROPOSE] </inputs> <task> Draw the object as a simplified, distinctive icon, not a generic clipart version: reduce it to essential shapes, give it a consistent stroke or fill language, and add one ownable twist (a cut, a merged element, a hidden initial). Build it in SVG, optically centered, balanced, and crisp at icon sizes. </task> <constraints> - One self-contained SVG with a square viewBox; reduced to the fewest shapes that still read. - Consistent stroke weight and corner treatment; one ownable detail. - Recognizable at 24px; avoid stock-icon clichΓ©s. </constraints> <format> Return the icon mark SVG as an artifact, then explain the simplification choices and the ownable twist you added. </format>

Creates a simplified, ownable object-based icon mark as a crisp SVG artifact that avoids clipart looks.

πŸ’‘

Pro tip: Tell Claude to hide your brand initial inside the object so the literal icon still feels uniquely yours.

Negative-Space Dual-Meaning Mark

8/30

You are a clever logo designer famous for negative-space marks that hide a second image. <context> I want a logo where the negative space reveals a second meaning, returned as one self-contained SVG previewable as an artifact. </context> <inputs> - Two ideas to combine: [E.G. A FOX AND A LOCATION PIN] - Brand name and what it does: [NAME, ONE LINE] - Color (often one solid): [HEX] - Vibe: [SMART, PLAYFUL, PREMIUM] - Container shape: [NONE, CIRCLE, ROUNDED SQUARE] </inputs> <task> Design a mark where the foreground shape is one idea and the carved negative space forms the second idea, so viewers can find both. Keep the silhouette clean and the dual reading genuinely legible (not a stretch). Build it in SVG using fills and counter-shapes, optically balanced. </task> <constraints> - One self-contained SVG with a square viewBox; the hidden image must be plausibly readable, not forced. - One solid color preferred so the negative space does the work; no gradients hiding the trick. - Both readings survive at 40px. </constraints> <format> Return the mark SVG as an artifact, then explain both readings and confirm where the negative-space image lives. </format>

Designs a negative-space logo that hides a second image as a single-color SVG artifact with a dual meaning.

πŸ’‘

Pro tip: If the second image feels forced, ask Claude to pick two ideas with naturally compatible silhouettes instead.

Mascot / Character Logo Mark

9/30

You are a character logo designer who builds simple, friendly mascot marks in flat SVG. <context> I want a clean flat-vector mascot logo with personality, returned as one self-contained SVG previewable as an artifact. </context> <inputs> - Creature or character idea: [E.G. OWL, ROBOT, BEAR] - Brand name and product: [NAME, WHAT IT DOES] - Personality: [CLEVER, FRIENDLY, BOLD] - Palette: [2-3 HEX VALUES] - Use: [APP ICON, MASCOT BESIDE WORDMARK] </inputs> <task> Design a flat geometric mascot reduced to simple shapes with a clear, friendly expression and a strong silhouette. Use a limited palette, consistent shape language, and one memorable feature (eyes, a posture, a prop tied to the product). Build it in SVG, centered, and clean enough to work as an app icon. </task> <constraints> - One self-contained SVG with a square viewBox; flat shapes only, no gradients or complex shading. - Strong silhouette that reads at 32px; 2-3 colors max. - One signature feature tied to what the brand does. </constraints> <format> Return the mascot SVG as an artifact, then explain the personality cues and how to crop it to a tidy app-icon square. </format>

Builds a friendly flat-vector mascot logo with a strong silhouette as an app-icon-ready SVG artifact.

πŸ’‘

Pro tip: Tell Claude the one personality trait the mascot must broadcast so the expression and posture commit to it.

Line-Art Tech Symbol

10/30

You are a logo designer who builds precise line-art symbols for technical and developer brands. <context> I need a thin-line geometric symbol with a technical, engineered feel, returned as one self-contained SVG previewable as an artifact. </context> <inputs> - Brand name and what it does: [NAME, ONE LINE] - Concept to express: [E.G. NODES, FLOW, LAYERS, ORBIT] - Stroke feel: [HAIRLINE, MEDIUM] - Color: [SINGLE HEX OR ACCENT PAIR] - Container: [NONE, CIRCLE] </inputs> <task> Design a line-art symbol from connected geometric elements (nodes, paths, concentric arcs, isometric layers) that expresses the concept with engineering precision. Keep stroke weights uniform, joins clean, and the composition balanced on a grid. Build it in SVG with strokes (not fills) so it scales as line art. </task> <constraints> - One self-contained SVG with a square viewBox; uniform stroke width via stroke attributes. - Use stroke-linecap and stroke-linejoin consistently; grid-aligned geometry. - Stays legible at 28px without strokes merging together. </constraints> <format> Return the symbol SVG as an artifact, then explain the geometric concept and how to thicken the stroke for small-size use. </format>

Produces a precise line-art technical symbol as a stroke-based SVG artifact suited to developer brands.

πŸ’‘

Pro tip: Ask Claude to define the stroke width as a single value at the top of the SVG so you can tune line weight in one edit.

Full Logo Systems

5 prompts

Icon + Wordmark Horizontal Lockup

11/30

You are a brand identity designer who builds complete logo lockups. <context> I need a primary horizontal logo combining an icon and a wordmark, returned as one self-contained SVG previewable as an artifact and ready for a website header. </context> <inputs> - Brand name: [NAME] - What it does and audience: [ONE LINE, WHO] - Symbol idea: [DESCRIBE OR LET CLAUDE PROPOSE] - Personality and palette: [WORDS, HEX VALUES] - Primary placement: [WEBSITE HEADER, APP NAV] </inputs> <task> Design a cohesive icon, then set the wordmark beside it in a balanced horizontal lockup: define the icon-to-text spacing, vertical centering, optical alignment, and a clear size relationship. Make the icon and type share a visual language (same corner radius, weight, or geometry). Build the full lockup in one SVG. </task> <constraints> - One self-contained SVG with a wide viewBox; icon and wordmark share a design language. - Spacing defined by the icon's cap height; lockup reads at 32px tall. - Single coherent palette; no mismatched styles between icon and type. </constraints> <format> Return the horizontal lockup SVG as an artifact, then explain the spacing system and how to derive a stacked (vertical) lockup from it. </format>

Builds a balanced icon-plus-wordmark horizontal logo lockup with a defined spacing system as a previewable SVG artifact.

πŸ’‘

Pro tip: Ask Claude to express the icon-to-wordmark gap as a fraction of cap height so every future resize stays proportional.

Primary + Stacked + Icon-Only Set

12/30

You are a brand systems designer who delivers a full primary-logo family. <context> I need three coordinated versions of one logo (horizontal, stacked, and icon-only), all returned in a single self-contained SVG previewable as an artifact and laid out side by side. </context> <inputs> - Brand name: [NAME] - Symbol concept: [DESCRIBE OR PROPOSE] - Palette: [HEX VALUES] - Personality: [WORDS] - Smallest size each must work at: [E.G. HEADER 32PX, FAVICON 16PX] </inputs> <task> Build one master icon and wordmark, then arrange three lockups in a single artifact: a horizontal version, a stacked (centered) version, and an icon-only version. Keep proportions, spacing logic, and color consistent across all three, and label each variant. This is the core logo system a brand reuses everywhere. </task> <constraints> - One self-contained SVG showing all three lockups, each clearly labeled. - Shared icon and type; consistent color and spacing across variants. - Icon-only version must work as a favicon; horizontal version for headers. </constraints> <format> Return the three-variant SVG as an artifact, then explain when to use each lockup and the minimum size for every version. </format>

Delivers a coordinated primary, stacked, and icon-only logo family in one labeled SVG artifact.

πŸ’‘

Pro tip: Tell Claude the exact smallest size for each lockup so it simplifies the icon-only version enough to survive as a favicon.

Mini Brand-Mark System Sheet

13/30

You are a brand designer producing a one-page logo system sheet. <context> I want a single visual sheet that shows my logo, its safe spacing, minimum size, and color uses, returned as one self-contained HTML file with inline SVG, previewable instantly as an artifact. </context> <inputs> - Brand name and one-liner: [NAME, WHAT IT DOES] - Logo concept: [DESCRIBE OR PROPOSE] - Primary palette: [HEX VALUES] - Personality: [WORDS] </inputs> <task> Build a clean system sheet that presents: the primary logo, a clear-space diagram (showing required padding), a minimum-size note, the logo on light and on dark, and a single-color version. Generate the logo itself as inline SVG and arrange the panels on a tidy grid with short captions, the way a real brand-guidelines page does. </task> <constraints> - One self-contained HTML file with inline SVG; no external images. - Each panel labeled; clear-space and minimum-size shown visually, not just described. - Consistent palette; the logo SVG is identical across panels (recolored only). </constraints> <format> Return the system sheet HTML as an artifact, then explain the clear-space rule you chose and how to extend the sheet with more rules. </format>

Generates a one-page brand-mark system sheet with clear-space, min-size, and color uses as a previewable HTML/SVG artifact.

πŸ’‘

Pro tip: Have Claude tie clear-space to a measurable unit from the logo (like the icon width) so the rule is reproducible by anyone.

Logo + Tagline Lockup

14/30

You are a brand designer who builds logo-plus-tagline lockups that stay balanced. <context> I need a locked version of my logo paired with a tagline, returned as one self-contained SVG previewable as an artifact. </context> <inputs> - Brand name: [NAME] - Tagline (short): [TAGLINE] - Existing logo style or concept: [DESCRIBE] - Palette: [HEX VALUES] - Where it appears: [BUSINESS CARD, FOOTER, AD] </inputs> <task> Design the logo (icon and/or wordmark), then set the tagline in a complementary type style and weight, optically aligned to the logo width, with deliberate spacing above it. Decide whether the tagline sits beneath the wordmark or to the side, and define the type hierarchy so the brand name dominates and the tagline supports. Build the full lockup in one SVG. </task> <constraints> - One self-contained SVG with a viewBox; tagline aligned to the logo, never wider than it. - Clear hierarchy: brand name primary, tagline secondary in weight and size. - Whole lockup legible at a business-card scale. </constraints> <format> Return the lockup SVG as an artifact, then explain the tagline placement and alignment logic and how to remove the tagline cleanly. </format>

Creates a balanced logo-plus-tagline lockup with clear hierarchy as a previewable SVG artifact.

πŸ’‘

Pro tip: Give Claude the real tagline up front; placeholder text leads to an alignment that breaks once the true words are dropped in.

Responsive Logo (Full to Compact)

15/30

You are a brand designer who builds responsive logo systems that simplify as space shrinks. <context> I need a responsive logo: a full version, a simplified version, and a minimal mark, all returned in one self-contained SVG previewable as an artifact and laid out as a progression. </context> <inputs> - Brand name: [NAME] - Logo concept (icon + wordmark): [DESCRIBE OR PROPOSE] - Palette: [HEX VALUES] - Contexts: [E.G. DESKTOP HEADER, MOBILE NAV, FAVICON] </inputs> <task> Build three tiers of the same logo: tier 1 full icon + wordmark + any tagline; tier 2 icon + wordmark only; tier 3 a stripped-down icon or monogram for the smallest spaces. Show all three in one artifact as a labeled progression so the logo degrades gracefully as space tightens, keeping the brand recognizable at every tier. </task> <constraints> - One self-contained SVG with all three tiers labeled by use-case. - Each tier derives clearly from the same core mark; consistent color. - Tier 3 must work at 16px as a favicon. </constraints> <format> Return the responsive-logo SVG as an artifact, then explain the breakpoint logic for when to switch between tiers. </format>

Builds a responsive logo that simplifies from full lockup to favicon across three tiers in one labeled SVG artifact.

πŸ’‘

Pro tip: Tell Claude the pixel width of each context so it knows exactly when the wordmark should drop away.

Niche & Industry Logos

5 prompts

Coffee Shop / Cafe Badge Logo

16/30

You are a logo designer who crafts vintage-modern badge logos for cafes and roasters. <context> I want a circular badge-style logo for a coffee brand, returned as one self-contained SVG previewable as an artifact. </context> <inputs> - Cafe name: [NAME] - Vibe: [E.G. ARTISAN ROASTER, COZY NEIGHBORHOOD] - Founding year or location detail: [YEAR / CITY OR NONE] - Central icon idea: [BEAN, CUP, MOUNTAIN, ETC] - Palette: [HEX VALUES, OFTEN EARTHY] </inputs> <task> Design a circular badge: brand name curved around the top, a central icon, supporting text or a founding detail along the bottom, and a clean border ring. Balance the curved type, keep the icon simple, and use an earthy, crafted palette. Build it in SVG with text on a circular path or carefully positioned arcs. </task> <constraints> - One self-contained SVG with a square viewBox; curved type via textPath or arc-positioned letters. - Symmetrical, balanced ring; simple central icon that reads at 48px. - Crafted feel without clutter; one or two colors plus a neutral. </constraints> <format> Return the badge SVG as an artifact, then explain the curved-type setup and how to make a simplified non-badge icon version. </format>

Creates a circular vintage-modern cafe badge logo with curved type and a central icon as a previewable SVG artifact.

πŸ’‘

Pro tip: Ask Claude for both the full badge and a stripped icon-only mark so you have a version that survives at small sizes.

Fintech / Banking Trust Mark

17/30

You are a brand designer who builds trustworthy, modern logos for fintech and financial products. <context> I need a clean fintech logo that signals security and modernity, returned as one self-contained SVG previewable as an artifact. </context> <inputs> - Brand name: [NAME] - Product: [E.G. PAYMENTS, INVESTING, BANKING APP] - Trust cue to encode: [SHIELD, UPWARD MOTION, STABILITY] - Palette: [HEX, OFTEN BLUE/GREEN/INK] - Audience: [CONSUMERS, ENTERPRISES] </inputs> <task> Design an icon + wordmark that feels secure and contemporary: a geometric symbol encoding the trust cue (a subtle shield, an upward chevron, a steady base), paired with a confident sans wordmark. Keep it minimal, balanced, and credible. Build the lockup in SVG with a coherent, restrained palette. </task> <constraints> - One self-contained SVG with a viewBox; restrained palette, no playful flourishes. - Symbol must read as stable and secure, not generic; consistent geometry with the wordmark. - Works at 24px in an app nav and on a card. </constraints> <format> Return the fintech logo SVG as an artifact, then explain how the symbol encodes trust and how to render it on a dark UI. </format>

Builds a credible fintech trust mark encoding security into a clean icon-plus-wordmark SVG artifact.

πŸ’‘

Pro tip: Tell Claude which trust cue matters most (security vs. growth) so the symbol commits instead of hedging between them.

Eco / Sustainability Brand Mark

18/30

You are a logo designer who builds organic, natural marks for sustainability brands. <context> I want an eco-friendly logo with a natural, organic feel, returned as one self-contained SVG previewable as an artifact. </context> <inputs> - Brand name: [NAME] - What it does: [E.G. REUSABLE GOODS, CLEAN ENERGY, ORGANIC FOOD] - Natural element: [LEAF, SUN, WATER, SEEDLING] - Palette: [HEX, EARTHY/GREEN TONES] - Feel: [WARM-HANDMADE, CLEAN-MODERN] </inputs> <task> Design a mark built around the natural element, using organic curves or clean simplified nature shapes, paired with a friendly wordmark. Avoid the over-used generic leaf swoosh; find one fresh, ownable take on the element. Build the lockup in SVG with a warm, earthy palette. </task> <constraints> - One self-contained SVG with a viewBox; one ownable interpretation of the natural element, not a stock swoosh. - Earthy palette; organic but tidy shapes that read at 28px. - Icon and wordmark share a consistent feel. </constraints> <format> Return the eco logo SVG as an artifact, then explain how you avoided the generic-leaf trap and how to make a single-color stamp version. </format>

Creates an organic sustainability brand mark with a fresh natural element as a previewable SVG artifact.

πŸ’‘

Pro tip: Explicitly ban the generic leaf-swoosh so Claude finds a more ownable take on your natural element.

Esports / Gaming Emblem

19/30

You are a logo designer who builds bold esports and gaming emblems. <context> I need an aggressive, high-energy gaming team or brand emblem, returned as one self-contained SVG previewable as an artifact. </context> <inputs> - Team or brand name: [NAME] - Mascot or symbol: [E.G. WOLF, DRAGON, BOLT, SKULL] - Energy: [FIERCE, SLEEK, ARCADE-RETRO] - Palette: [2-3 HEX, OFTEN HIGH-CONTRAST] - Use: [JERSEY, STREAM OVERLAY, AVATAR] </inputs> <task> Design a dynamic emblem with a strong central mascot or symbol, angular energy, and a contained shield or crest shape. Use sharp angles and bold contrast while keeping the silhouette clean enough to read as a small avatar. Build it in SVG with flat shapes (no heavy gradients) so it stays crisp. </task> <constraints> - One self-contained SVG with a square viewBox; flat bold shapes, high contrast. - Strong silhouette that reads as a 48px avatar; angular, energetic geometry. - 2-3 colors; no muddy gradients that break at small sizes. </constraints> <format> Return the emblem SVG as an artifact, then explain the energy choices and how to crop it to a clean circular avatar. </format>

Builds a high-energy esports emblem with a bold mascot and crest as an avatar-ready SVG artifact.

πŸ’‘

Pro tip: Give Claude the single place the logo gets smallest (the avatar) so it keeps the silhouette readable there first.

Kids / Family Brand Logo

20/30

You are a logo designer who builds cheerful, safe-feeling logos for kids and family brands. <context> I want a playful, friendly logo for a children's or family product, returned as one self-contained SVG previewable as an artifact. </context> <inputs> - Brand name: [NAME] - Product: [E.G. TOYS, KIDS APP, CHILDCARE] - Mood: [JOYFUL, GENTLE, ADVENTUROUS] - Palette: [3-4 BRIGHT HEX VALUES] - Optional character or shape: [DESCRIBE OR NONE] </inputs> <task> Design a rounded, bouncy logo with a friendly wordmark and an optional simple playful icon or character. Use soft rounded letterforms, a cheerful multi-color palette applied with restraint, and one joyful detail (a smile, a star, a bounce). Build the lockup in SVG, warm and approachable but still tidy. </task> <constraints> - One self-contained SVG with a viewBox; rounded shapes, bright but balanced palette. - Friendly without looking chaotic; one clear joyful focal detail. - Reads at 28px and works on packaging. </constraints> <format> Return the kids-brand logo SVG as an artifact, then explain the color and roundness choices and how to make a single-color version for embroidery. </format>

Creates a cheerful, rounded kids-and-family brand logo with one joyful detail as a previewable SVG artifact.

πŸ’‘

Pro tip: Cap the bright colors at three or four; tell Claude to make one dominant so the logo feels joyful, not noisy.

Variations, Favicons & Export

5 prompts

Light / Dark / Mono Logo Set

21/30

You are a brand designer who prepares logos for every background. <context> I have a logo concept and need its three essential variations (full color, white knockout for dark backgrounds, and single-color black), returned in one self-contained HTML file with inline SVG, previewable as an artifact on light and dark panels. </context> <inputs> - Brand name: [NAME] - Logo concept: [DESCRIBE OR PROPOSE] - Primary palette: [HEX VALUES] - Where each version is used: [E.G. WEBSITE, DARK FOOTER, FAX/PRINT] </inputs> <task> Build the master logo, then derive three variations: full-color (primary), an all-white knockout shown on a dark panel, and a single-color black version. Present all three in one artifact on appropriate background swatches with labels, so I can confirm each one holds up. Keep the geometry identical across versions; only color changes. </task> <constraints> - One self-contained HTML file with inline SVG; identical paths across all three versions. - Show each on the correct background (color on light, white on dark, black on light). - No part of the logo disappears in the mono or knockout versions. </constraints> <format> Return the variations sheet as an artifact, then explain which version to use where and any element you had to adjust for the mono version. </format>

Generates the full-color, white-knockout, and single-color logo variations on labeled panels as a previewable HTML/SVG artifact.

πŸ’‘

Pro tip: Watch the mono version: ask Claude to confirm no element relies on color alone to stay visible once everything is one shade.

Favicon & App-Icon Set

22/30

You are a brand designer who prepares favicon and app-icon assets. <context> I have a logo and need a favicon-ready icon shown at multiple sizes, returned as one self-contained HTML file with inline SVG, previewable as an artifact. </context> <inputs> - Brand name: [NAME] - Logo or icon concept: [DESCRIBE OR PROPOSE] - Palette: [HEX VALUES] - Background preference: [TRANSPARENT, SOLID, ROUNDED TILE] </inputs> <task> Derive a simplified icon from the logo that works at tiny sizes, then display it as a favicon preview at 16px, 32px, and 64px, plus a rounded app-icon tile at a larger size. Simplify ruthlessly so it stays sharp at 16px (drop fine details, increase contrast). Present all previews labeled in one artifact. </task> <constraints> - One self-contained HTML file with inline SVG; the same icon rendered at multiple sizes. - 16px version must be unmistakable; reduce detail and boost contrast as needed. - Provide both a bare icon and a rounded-tile app-icon treatment. </constraints> <format> Return the favicon set as an artifact, then explain what you simplified for the 16px version and how to export each size to PNG. </format>

Produces a simplified favicon and app-icon set previewed at multiple sizes as a previewable HTML/SVG artifact.

πŸ’‘

Pro tip: Ask Claude to show the 16px version first; if it does not read there, have it simplify before refining the larger sizes.

Logo Color & Layout Variation Grid

23/30

You are a brand designer who explores logo variations systematically. <context> I have one logo concept and want to see a grid of color and layout variations to choose from, returned as one self-contained HTML file with inline SVG, previewable as an artifact. </context> <inputs> - Brand name: [NAME] - Logo concept: [DESCRIBE OR PROPOSE] - Color directions to try: [2-4 PALETTES OR "PROPOSE A RANGE"] - Layouts to try: [HORIZONTAL, STACKED, ICON-ONLY] </inputs> <task> Build the master logo, then generate a tidy grid showing it across the requested color palettes and layouts (e.g. each palette as a row, each layout as a column). Keep the underlying mark identical and only vary color and arrangement, so I can compare options side by side and pick a direction. Label each cell. </task> <constraints> - One self-contained HTML file with inline SVG; consistent mark across all cells. - Clean grid with labeled rows and columns; each cell on an appropriate background. - Only color and layout change between cells, never the core geometry. </constraints> <format> Return the variation grid as an artifact, then recommend your two favorite combinations and explain why. </format>

Builds a labeled grid of logo color and layout variations to compare directions as a previewable HTML/SVG artifact.

πŸ’‘

Pro tip: Ask Claude to recommend its top two cells with reasons; it is faster to react to a shortlist than to judge the whole grid.

Animated Logo Reveal (CSS)

24/30

You are a motion-savvy brand designer who builds simple CSS logo animations. <context> I want my logo to animate in with a tasteful reveal, returned as one self-contained HTML file with inline SVG and CSS, previewable instantly as an artifact. </context> <inputs> - Brand name: [NAME] - Logo concept: [DESCRIBE OR PROPOSE] - Palette: [HEX VALUES] - Reveal feel: [E.G. DRAW-ON, FADE-AND-SCALE, ASSEMBLE] - Where it plays: [WEBSITE INTRO, LOADING STATE] </inputs> <task> Build the logo as inline SVG, then add a short, tasteful CSS animation that reveals it (stroke draw-on, staggered fade, or assemble-into-place) lasting under two seconds with smooth easing. Keep it elegant, not flashy, and ensure it settles cleanly into the final static logo. Make it loop-friendly or trigger once on load. </task> <constraints> - One self-contained HTML file with inline SVG + CSS only; no JS libraries. - Animation under two seconds, smooth easing, settles to the exact static logo. - Respects reduced-motion (provide a non-animated fallback via prefers-reduced-motion). </constraints> <format> Return the animated logo HTML as an artifact, then explain the timing and easing and how to adjust the duration. </format>

Creates a tasteful CSS logo-reveal animation that settles to the static mark as a previewable HTML/SVG artifact.

πŸ’‘

Pro tip: Tell Claude to honor prefers-reduced-motion so the animation degrades to a clean static logo for accessibility.

Logo on Mockups Preview Sheet

25/30

You are a brand designer who presents logos in context. <context> I want to see my logo applied to a few mockups (business card, app icon, website header, t-shirt) so I can judge it in context, returned as one self-contained HTML file with inline SVG, previewable as an artifact. </context> <inputs> - Brand name: [NAME] - Logo concept: [DESCRIBE OR PROPOSE] - Palette: [HEX VALUES] - Mockups to show: [E.G. CARD, APP ICON, HEADER, TEE] </inputs> <task> Build the logo as inline SVG, then place it into simple styled CSS mockup frames: a business card, a rounded app-icon tile, a website header bar, and a t-shirt/merch swatch. Each mockup is a clean styled container (no external images) that shows the logo at realistic relative size so I can sanity-check legibility and balance in real contexts. Label each mockup. </task> <constraints> - One self-contained HTML file with inline SVG and CSS mockup frames; no external images. - Logo identical across mockups; shown at realistic relative scale in each. - Tidy grid of labeled mockups; readable on light and dark frames. </constraints> <format> Return the mockup sheet as an artifact, then point out any context where the logo struggles and how to fix it. </format>

Builds a contextual preview sheet placing the logo on card, app-icon, header, and merch mockups as a previewable HTML/SVG artifact.

πŸ’‘

Pro tip: Ask Claude to flag the weakest mockup; seeing the logo fail in one context is the fastest way to refine it.

Most people use 10% of Claude. Tutorials unlock the rest.

AI Academy: 300+ hands-on tutorials on Claude, ChatGPT, Midjourney, and 50+ AI tools. New tutorials added every week.

Start Your Free Trial

Briefs & Refinement

5 prompts

Tight Logo Design Brief

26/30

You are a brand strategist who writes sharp, actionable logo design briefs. <context> Before any logo is drawn, I need a tight one-page design brief that aligns everyone, returned as one self-contained HTML document previewable as an artifact and ready to share. </context> <inputs> - Brand name and what it does: [NAME, ONE LINE] - Audience: [WHO] - Three brand adjectives: [WORDS] - Logos I admire and why: [EXAMPLES OR DESCRIBE] - Must-avoid: [CLICHÉS, COLORS, STYLES TO SKIP] - Where it will be used: [PLACEMENTS] </inputs> <task> Write a focused logo brief covering: the brand in one sentence, audience and what they should feel, the three adjectives translated into visual direction, color and type direction, reference notes (what to borrow, what to avoid), required deliverables and sizes, and clear success criteria. Lay it out as a clean, scannable one-page document. </task> <constraints> - One self-contained HTML file; clean, scannable typography with clear section headers. - Specific and decision-ready, not vague; every section actionable for a designer or for Claude. - No filler; translate adjectives into concrete visual guidance. </constraints> <format> Return the brief as an artifact, then list the three highest-leverage decisions that will most shape the final mark. </format>

Produces a sharp, decision-ready one-page logo design brief as a previewable, shareable HTML artifact.

πŸ’‘

Pro tip: Fill in the must-avoid section honestly; naming the clichΓ©s to skip steers Claude away from generic results faster than anything else.

Three Distinct Logo Concepts

27/30

You are a brand designer who pitches a small set of genuinely different directions. <context> I want three distinct logo concepts for my brand, each a different strategic direction, returned in one self-contained HTML file with inline SVG, previewable as an artifact. </context> <inputs> - Brand name and what it does: [NAME, ONE LINE] - Audience and feeling: [WHO, WHAT THEY SHOULD FEEL] - Palette openness: [FIXED HEX OR "OPEN"] - Anything off-limits: [STYLES OR COLORS TO AVOID] </inputs> <task> Design three meaningfully different logo concepts (e.g. a wordmark-led direction, an abstract-symbol direction, and a literal-icon direction), each as inline SVG with a one-line rationale. Make them truly distinct strategies, not three colors of the same idea. Present them side by side with labels and short notes. </task> <constraints> - One self-contained HTML file with inline SVG; three genuinely different directions. - Each concept labeled with a one-line strategic rationale; consistent presentation. - All three legible at small sizes; no near-duplicates. </constraints> <format> Return the three-concept sheet as an artifact, then recommend which direction best fits the brief and what to test next. </format>

Delivers three strategically distinct logo concepts with rationales side by side as a previewable HTML/SVG artifact.

πŸ’‘

Pro tip: Force real difference by naming the three approaches (wordmark, abstract symbol, literal icon) so Claude can't hand you three twins.

Refine an Existing Logo

28/30

You are a senior logo designer who critiques and refines marks. <context> I have a logo (described or pasted as SVG) that feels almost right but off. I want a refined version plus a clear critique, returned with the improved logo as inline SVG in one self-contained HTML artifact previewable instantly. </context> <inputs> - Current logo (SVG paste or detailed description): [PASTE OR DESCRIBE] - What feels off: [E.G. SPACING, BALANCE, TOO GENERIC] - Brand personality: [WORDS] - Constraints I cannot change: [E.G. KEEP THE COLOR, KEEP THE SYMBOL] </inputs> <task> Diagnose the specific issues (optical spacing, weight balance, alignment, distinctiveness), then rebuild a refined version as inline SVG that fixes them while respecting the locked constraints. Show the refined logo prominently and list the exact changes you made and why each improves the mark. </task> <constraints> - One self-contained HTML file with the refined logo as inline SVG; honor the unchangeable constraints. - Changes are surgical and justified, not a redesign from scratch. - Refined version reads cleanly at 24px. </constraints> <format> Return the refined logo as an artifact, then list the specific fixes (before β†’ after) so I can see exactly what changed. </format>

Critiques and refines an existing logo with surgical fixes, returning the improved mark as a previewable HTML/SVG artifact.

πŸ’‘

Pro tip: Paste the actual SVG of your current logo so Claude refines the real paths instead of redrawing from a guess.

Logo Critique Scorecard

29/30

You are a brand design lead who reviews logos against professional criteria. <context> I want an honest, structured critique of a logo against the qualities of a strong mark, returned as one self-contained HTML scorecard previewable as an artifact. </context> <inputs> - Logo (SVG paste or detailed description): [PASTE OR DESCRIBE] - Brand and audience: [NAME, WHO] - Where it will live: [PLACEMENTS AND SMALLEST SIZE] </inputs> <task> Evaluate the logo across the classic criteria: simplicity, memorability, scalability/legibility at small sizes, appropriateness for the brand, distinctiveness, and versatility (color/mono/contexts). Build a clean scorecard giving each criterion a rating, a one-line justification, and a concrete fix. End with a prioritized list of the top three improvements. </task> <constraints> - One self-contained HTML file; a tidy scorecard table with ratings, notes, and fixes. - Honest and specific, not flattering; every rating backed by a reason. - Prioritized top-three actions at the end. </constraints> <format> Return the scorecard as an artifact, then state whether the logo is ready to ship or needs another round, with a one-line verdict. </format>

Generates an honest logo critique scorecard with ratings, fixes, and a verdict as a previewable HTML artifact.

πŸ’‘

Pro tip: Tell Claude the smallest real size the logo must work at; scalability is where most marks quietly fail the scorecard.

Brand Color & Type Pairing for a Logo

30/30

You are a brand designer who locks color and type systems around a logo. <context> I have a logo direction and need a matching color palette and type pairing, returned as one self-contained HTML style sheet with inline SVG, previewable as an artifact. </context> <inputs> - Brand name and logo concept: [NAME, DESCRIBE] - Personality: [WORDS] - Industry: [FIELD] - Any fixed color: [HEX OR "OPEN"] </inputs> <task> Propose a cohesive palette (primary, secondary, neutral, and one accent) with hex values and usage notes, plus a heading + body font pairing (Google Fonts) that suits the logo. Build a clean style sheet showing the logo as inline SVG, the color swatches with hex codes, the type specimens, and a sample lockup using the chosen colors and fonts. </task> <constraints> - One self-contained HTML file with inline SVG; real hex values and named Google Fonts. - Palette and type must visibly suit the logo's personality; show, don't just list. - Accessible color contrast for text uses; include usage notes per color. </constraints> <format> Return the style sheet as an artifact, then explain why this palette and pairing fit the brand and how to extend it to UI. </format>

Builds a matching color palette and font pairing around a logo as a previewable HTML/SVG style sheet artifact.

πŸ’‘

Pro tip: Lock any non-negotiable brand color up front so Claude builds the rest of the palette to harmonize with it.

Frequently Asked Questions

Claude returns a real, previewable logo as clean SVG or HTML, not a description. You see the actual mark render as an artifact and can copy the SVG straight into Figma, a website, or a brand kit. Because it is vector, it scales without quality loss.
Most prompts return a self-contained SVG (or inline SVG inside an HTML file for multi-panel sheets). SVG is ideal for logos because it is infinitely scalable and easy to recolor. You can export any SVG to PNG at any size when you need a raster file.
Yes. Claude outputs editable vector code, so you can open the SVG in Figma, Illustrator, or any editor and adjust colors, spacing, or shapes. The prompts also ask Claude to explain its choices so you know what to tweak.
Yes. The Variations and Export category includes a prompt that derives full-color, white-knockout, and single-color versions from one master mark, plus favicon sets and a brand-system sheet, so your logo works on any background and at any size.
Give Claude a tight brief: name the one feeling the brand should evoke, the single idea the mark should encode, and the clichΓ©s to avoid. Starting with the Tight Logo Design Brief prompt, then generating three distinct concepts, reliably produces sharper, more ownable results.

Prompts are the starting line. Tutorials are the finish.

A growing library of 300+ hands-on tutorials on ChatGPT, Claude, Midjourney, and 50+ AI tools. New tutorials added every week.

7-day free trial. Cancel anytime.