50 Claude Prompts That Build Brand Kits

You are a senior brand designer and typographer. <context> I want a heading plus body font pairing that matches my brand's personality, returned as a self-contained HTML type specimen I can preview instantly as an artifact. Use Google Fonts only so I can ship it directly. </context> <inputs> - Brand name: [NAME] - What the brand does: [ONE LINE] - Brand vibe in 3 words: [E.G. CONFIDENT, WARM, MODERN] - Audience: [WHO IT IS FOR] - Where it shows up most: [WEBSITE / APP / DECKS / PRINT] - Anything to avoid: [E.G. NO SERIFS, NOT TOO PLAYFUL] </inputs> <task> Recommend ONE primary pairing (a heading font and a body font from Google Fonts) plus two backup pairings, and explain in one tight line why each fits the vibe. Then build a specimen page that proves the pairing: a large display headline, a subhead, two paragraphs of real body copy about the brand, a pull quote, a bulleted list, a caption, and a small UI label. Show the actual Google Fonts import link and the font-family CSS for each role so I can copy it. </task> <constraints> - One self-contained, responsive HTML file; Google Fonts only, no other dependencies. - Real specimen copy about the brand, no lorem ipsum. - Accessible contrast, mobile-readable, clear visual hierarchy between heading and body. - Show the exact import URL and font-family declarations as copyable text. </constraints> <format> Return the full HTML specimen in an artifact, then a short note explaining why the primary pairing wins over the backups. </format>

You are a senior design-systems typographer. <context> I need a complete type scale and hierarchy for my brand, returned as a self-contained HTML artifact that renders every level so I can see the whole system at once. Use a Google Font. </context> <inputs> - Brand name: [NAME] - Primary medium: [WEB / PRODUCT UI / MARKETING SITE] - Base body size I want: [E.G. 16PX] - Density preference: [AIRY / BALANCED / COMPACT] - Heading font: [GOOGLE FONT OR "RECOMMEND ONE"] - Body font: [GOOGLE FONT OR "RECOMMEND ONE"] </inputs> <task> Build a modular type scale using a sensible ratio (state the ratio you chose and why). Define and render every level: H1 through H6, lead/intro paragraph, default body, small body, caption, overline/eyebrow, and a UI label. For each level show the name, the px value, the rem value, the font-weight, the line-height, and the letter-spacing in a clean reference row, then render a real example of that level beneath it so I can see and read it. Include responsive behaviour: note how H1 and H2 step down on mobile. </task> <constraints> - One self-contained, responsive HTML file; Google Fonts only. - Show px AND rem for every level; pick a consistent base of 16px = 1rem. - Real example text per level, no lorem ipsum, mobile-readable. - Accessible line-heights (body roughly 1.5-1.6, headings tighter). </constraints> <format> Return the full HTML scale in an artifact, then a short note listing the ratio and any judgement calls you made. </format>

You are a senior type director helping a brand choose its typefaces. <context> I want a shortlist of candidate brand fonts with a clear rationale for each, returned as a self-contained HTML artifact that previews each candidate in context so I can decide. Restrict picks to Google Fonts. </context> <inputs> - Brand name: [NAME] - Industry / category: [E.G. FINTECH, WELLNESS, AGENCY] - Personality target: [3-4 ADJECTIVES] - Direct competitors or references I like: [NAMES OR DESCRIPTION] - Functional needs: [E.G. MANY WEIGHTS, GREAT NUMERALS, MULTILINGUAL] - A typeface I already dislike: [OPTIONAL] </inputs> <task> Propose FIVE Google Fonts as brand-font candidates. For each, give: the font name, a one-line personality read, why it fits this brand, one practical strength (weights, x-height, numerals, language support), and one watch-out. Render each candidate live as a sample lockup: the brand name set large, a tagline, and one line of body text, so I can compare them side by side. End with your single recommendation and a one-sentence runner-up. </task> <constraints> - One self-contained, responsive HTML file; Google Fonts only. - All five samples on one scrollable page for easy comparison, mobile-readable. - Real brand-relevant sample text, no lorem ipsum, accessible contrast. - Be opinionated; do not hedge across all five equally. </constraints> <format> Return the full HTML comparison sheet in an artifact, then a short note stating your pick and the deciding factor. </format>

You are a senior typographer producing a brand type specimen. <context> I need a polished type specimen sheet for my brand's chosen typeface(s), returned as a single self-contained HTML artifact I can use as a reference and share with collaborators. Use Google Fonts only. </context> <inputs> - Brand name: [NAME] - Heading font (Google Font): [NAME] - Body font (Google Font, or "same as heading"): [NAME] - Brand accent colour (hex): [E.G. #1A1A2E] - Tone for the sample copy: [E.G. CONFIDENT, FRIENDLY] - Available weights I plan to use: [E.G. 400, 600, 700] </inputs> <task> Design a beautiful specimen sheet that shows the typeface off the way a foundry would. Include: a giant hero character or word set in the display weight, the full alphabet in upper and lowercase, numerals and key punctuation, a weight ladder showing each available weight with its name and value, a paragraph of running body text at the real reading size, a few size steps from small caption to large display, and a "pairing in action" block combining heading plus body. Add tasteful section labels. Use the accent colour sparingly for emphasis. </task> <constraints> - One self-contained, responsive HTML file; Google Fonts only. - Real, on-brand sample copy, no lorem ipsum, mobile-readable. - Accessible contrast; let whitespace and type do the work. - Show actual font-family and weight values as visible labels. </constraints> <format> Return the full HTML specimen sheet in an artifact, then a one-line note on how to extend it if a new weight is added. </format>

You are a senior editorial and luxury-brand typographer. <context> I want a typography direction tuned for a high-end, editorial or luxury feel, returned as a self-contained HTML specimen so I can judge the mood instantly. Use Google Fonts only. </context> <inputs> - Brand name: [NAME] - Category: [E.G. FASHION, HOSPITALITY, JEWELLERY, MAGAZINE] - Desired feeling: [E.G. RESTRAINED ELEGANCE, BOLD GLAMOUR, QUIET LUXURY] - Primary surface: [WEBSITE / LOOKBOOK / PACKAGING] - A reference brand I admire: [NAME] - Light or dark presentation: [LIGHT / DARK] </inputs> <task> Choose a refined Google Fonts pairing for the brand — typically an elegant serif or a high-contrast display face for headings with a clean, understated body face. Build a specimen that reads like an editorial spread: an oversized headline with generous tracking, a delicate kicker/eyebrow, a drop-cap opening paragraph, a centred pull quote, a captioned image placeholder, and a small footer credit line. Use restrained letter-spacing, generous line-height, and a tight, intentional colour palette. Explain the typographic choices that create the luxury feel. </task> <constraints> - One self-contained, responsive HTML file; Google Fonts only. - Real editorial copy in the brand's voice, no lorem ipsum, mobile-readable. - Accessible contrast even in a moody palette; elegance must not sacrifice legibility. - Avoid generic-looking type; lean into contrast, spacing, and scale. </constraints> <format> Return the full HTML editorial specimen in an artifact, then a short note on the three details that make it feel premium. </format>

You are a senior front-end engineer and typographer focused on web performance. <context> I need a fast, reliable typography system for my website that loads quickly and degrades gracefully, returned as a self-contained HTML artifact that demonstrates it. Use one Google Font plus a robust system-font fallback stack. </context> <inputs> - Brand name: [NAME] - Preferred display vibe: [E.G. MODERN SANS, HUMANIST, GEOMETRIC] - Performance priority: [SPEED-FIRST / BALANCED] - Weights I truly need: [E.G. 400 AND 700 ONLY] - Audience connection quality: [MOSTLY FAST / OFTEN SLOW/MOBILE] - Languages to support: [E.G. EN ONLY, OR LATIN-EXTENDED] </inputs> <task> Design a performant type system: pick ONE Google Font, load only the weights and subsets actually needed, and pair it with a metric-friendly system-font fallback stack so the page reads well before the web font arrives. Render a full demo page (heading, subhead, body paragraphs, list, button) using the system. Show the optimised Google Fonts link tag with display=swap, a preconnect snippet, the font-family stack with fallbacks, and a CSS size-adjust/line-height note to reduce layout shift. Explain each performance decision in plain language. </task> <constraints> - One self-contained, responsive HTML file; one Google Font plus system fallbacks only. - Load minimum weights and subsets; use font-display: swap. - Real demo copy, no lorem ipsum, mobile-readable, accessible contrast. - Show all snippets (link, preconnect, font-family stack) as copyable text. </constraints> <format> Return the full HTML demo in an artifact, then a short checklist of the performance choices and what each one saves. </format>

You are a senior design-systems engineer specializing in typography tokens. <context> I want my brand typography expressed as reusable design tokens and ready-to-use CSS, returned as a self-contained HTML artifact that both documents the tokens and renders a live example. Use a Google Font. </context> <inputs> - Brand name: [NAME] - Heading font (Google Font): [NAME] - Body font (Google Font, or "same"): [NAME] - Base body size: [E.G. 16PX] - Scale ratio preference: [E.G. 1.25 MAJOR THIRD, OR "PICK ONE"] - Naming style: [E.G. font-size-lg, OR --fs-300 NUMERIC SCALE] </inputs> <task> Generate a complete typography token set as CSS custom properties: font-family tokens, a font-size scale, line-height tokens, font-weight tokens, and letter-spacing tokens, using the naming style I requested. Then define a small set of composite "text style" classes (for example display, heading, body, caption) that reference the primitive tokens. Show the tokens as readable, copyable CSS in a code block area, and render a live preview applying each text-style class to real sample text so I can confirm it looks right. Add a one-line comment on each token group explaining intent. </task> <constraints> - One self-contained, responsive HTML file; Google Fonts only. - Tokens must be valid CSS custom properties; composite classes reference primitives, not raw values. - Show all token CSS as visible, copyable text; real preview copy, no lorem ipsum. - Accessible line-heights, mobile-readable, consistent naming throughout. </constraints> <format> Return the full HTML (tokens plus live preview) in an artifact, then a short note on how to add a new text style without breaking the system. </format>

You are a senior type director known for bold, expressive brand typography. <context> I want a confident, attention-grabbing display-type direction for a bold brand, returned as a self-contained HTML specimen that shows the type doing real work. Use Google Fonts only. </context> <inputs> - Brand name: [NAME] - What the brand is about: [ONE LINE] - Energy level: [E.G. LOUD AND REBELLIOUS, PLAYFUL, ELECTRIC] - Where the big type lives: [HERO / POSTERS / SOCIAL / PACKAGING] - Brand colours (hex): [1-3 COLOURS] - A vibe to avoid: [E.G. NOT CORPORATE, NOT CUTE] </inputs> <task> Pick a striking display Google Font and pair it with a calm, legible body font so the loud type stays readable in context. Build a specimen that pushes the display face: an oversized hero statement with intentional line breaks, a set of expressive headline treatments (mixed weights, tight tracking, colour blocking), a "type as graphic" poster-style block, and then a grounded section showing body copy and a button so it proves the system works beyond the splash. Explain how the display choices express the brand's energy without becoming unreadable. </task> <constraints> - One self-contained, responsive HTML file; Google Fonts only. - Real punchy copy in the brand voice, no lorem ipsum, mobile-readable. - Bold can be loud but must stay accessible-contrast and legible at small sizes. - Use brand colours deliberately; the display face should feel like a graphic element. </constraints> <format> Return the full HTML specimen in an artifact, then a short note on how far to push the display type before it stops working. </format>

You are a senior brand-systems designer writing typography usage guidelines. <context> I need clear typography usage rules so my team applies the brand fonts consistently, returned as a self-contained HTML artifact that both states the rules and shows visual do/don't examples. Use the brand's Google Fonts in the examples. </context> <inputs> - Brand name: [NAME] - Heading font (Google Font): [NAME] - Body font (Google Font, or "same"): [NAME] - Who follows these rules: [E.G. MARKETERS, AGENCIES, INTERNAL TEAM] - Main surfaces: [WEB / SOCIAL / DECKS / PRINT] - Known recurring mistakes: [OPTIONAL, E.G. TOO MANY WEIGHTS] </inputs> <task> Write a practical typography usage guide with rendered examples. Cover: which font is used for what, the approved weights and when to use each, optimal line length (state the character range and show it), line-height and paragraph spacing rules, letter-spacing guidance for headings vs body, minimum legible sizes, and emphasis rules (bold vs italic vs colour). Crucially, render side-by-side DO and DON'T cards for the most error-prone rules (line length, weight overload, all-caps overuse, cramped line-height) so the difference is obvious at a glance. Keep the language directive and short. </task> <constraints> - One self-contained, responsive HTML file; Google Fonts only. - Every rule has a visible rendered example; do/don't pairs must be visually contrasting. - Real copy, no lorem ipsum, mobile-readable, accessible contrast. - Rules must be specific and enforceable, not vague principles. </constraints> <format> Return the full HTML usage guide in an artifact, then a short note listing the three rules people break most and why they matter. </format>

You are a senior typographer doing a typography audit and fix. <context> I want an expert critique of my current typography and a corrected version, returned as a self-contained HTML artifact that shows a before/after so I can see exactly what improved. Use Google Fonts only for the fixed version. </context> <inputs> - Brand name: [NAME] - Current heading font: [NAME / GOOGLE FONT] - Current body font: [NAME / GOOGLE FONT] - Current base size and line-height: [E.G. 14PX, 1.3] - What feels off to me: [E.G. CRAMPED, GENERIC, HARD TO READ] - The brand vibe I am aiming for: [3 WORDS] - A sample of my current copy: [PASTE A HEADLINE PLUS A PARAGRAPH] </inputs> <task> Audit the current typography against best practice and the target vibe. Diagnose the specific problems (pairing, scale, line-height, line length, letter-spacing, hierarchy, weight use, legibility) with a short, honest list ranked by impact. Then produce the fix: keep the current fonts if they work, or swap to a better Google Fonts pairing and justify it. Render a clear BEFORE block using my current settings and an AFTER block using the corrected system, both using my pasted copy, so the improvement is undeniable. Note the exact changes made (font, sizes, line-height, spacing) as a copyable summary. </task> <constraints> - One self-contained, responsive HTML file; Google Fonts only for the AFTER version. - Use my pasted copy in both before and after, no lorem ipsum, mobile-readable. - Accessible contrast; the after must measurably beat the before on readability and hierarchy. - Be candid about what is wrong; do not soften the critique into uselessness. </constraints> <format> Return the full HTML before/after in an artifact, then a short prioritized list of the fixes and the single change that mattered most. </format>

You are a senior brand designer and identity systems strategist. <context> I need a polished, on-brand one-page brand guidelines sheet covering logo, color, type, and voice, built as one self-contained HTML file with inline CSS so I can preview it instantly as an artifact and hand it to any designer or contractor. </context> <inputs> - Brand name: [NAME] - What the brand does (one line): [WHAT IT DOES] - Personality in 3 words: [E.G. CONFIDENT, WARM, PRECISE] - Primary color (hex): [HEX], plus any secondary/accent hex codes: [HEX LIST] - Heading + body typefaces (or vibe if undecided): [FONTS OR VIBE] - Logo description or placeholder note: [DESCRIBE LOGO] - Voice in one sentence: [HOW THE BRAND SOUNDS] </inputs> <task> Design and build a single-page brand guidelines reference with these sections, each visually distinct: a header with brand name and one-line essence; a logo section showing primary lockup placeholder plus clear-space and minimum-size rules and three misuse don'ts; a color section rendering each color as a swatch card with hex, RGB, and a usage note (primary / secondary / accent / neutral); a typography section showing the heading and body faces with a live type scale (H1, H2, body, caption) and pairing guidance; and a voice section with the personality words, three tone do's, three don'ts, and one before/after copy example. Fill in sensible real values from my inputs, and where I left something open, make a confident, tasteful recommendation and label it as a suggestion. </task> <constraints> - One self-contained, responsive HTML file; no dependencies except Google Fonts. - Use my actual hex codes for swatches and accents; ensure accessible text contrast on every colored block. - Real copy throughout, no lorem ipsum; mobile-readable with generous spacing. - Print-friendly so it can be saved to PDF. </constraints> <format> Return the full HTML in an artifact, then a short note of the key identity decisions and any assumptions I should confirm. </format>

You are a brand identity director who has shipped brand books for category-leading companies. <context> I am planning a complete brand book and need a thorough, well-structured outline (table of contents) I can use as the blueprint before any design work begins. </context> <inputs> - Brand name: [NAME] - Industry / category: [CATEGORY] - Stage: [PRE-LAUNCH / GROWING / REBRAND] - Who will use this book: [E.G. IN-HOUSE TEAM, AGENCIES, PARTNERS] - Channels the brand shows up in: [WEB, SOCIAL, PACKAGING, EVENTS, ETC.] - How polished it needs to be (1-10): [NUMBER] </inputs> <task> Produce a complete brand book table of contents organized into clear parts: Brand Foundations (purpose, mission, vision, values, positioning, audience), Verbal Identity (name rationale, voice, tone, messaging, taglines, vocabulary, grammar rules), Visual Identity (logo system, clear space, color, typography, iconography, imagery/photography, illustration, motion, layout grids), and Application (web, social templates, email, presentations, business collateral, merchandise, signage). Under every section, list the specific pages or rules that section should contain, and add a one-line note on why each part matters. Tailor depth to my stage and channels, and mark which sections are essential for launch versus nice-to-have later. </task> <constraints> - Return a clean nested Markdown outline with numbered parts and sub-items. - Be specific to my industry and channels, not a generic template. - Flag every section as [ESSENTIAL] or [LATER] so I can phase the work. </constraints> <format> Return the outline as Markdown, then a short paragraph recommending the order I should build the sections in. </format>

You are a senior brand voice strategist and content design lead. <context> I need a practical brand voice and tone guide my whole team can use to write consistently, with concrete examples rather than vague adjectives. </context> <inputs> - Brand name: [NAME] - What we sell and to whom: [PRODUCT + AUDIENCE] - Three personality traits: [E.G. PLAINSPOKEN, OPTIMISTIC, EXPERT] - Brands whose voice I admire: [EXAMPLES] - Words/phrases we should never use: [BANNED LIST] - A short sample of our current writing: [PASTE A PARAGRAPH] </inputs> <task> Create a brand voice and tone guide with these sections: a one-line voice statement; the three core voice traits, each defined with a "we are this, not that" pair and a one-sentence rationale; a tone-shift table showing how the voice flexes across at least five contexts (homepage, error message, onboarding, sales email, social post); a practical do's-and-don'ts list of at least six rules covering sentence length, jargon, humor, and pronouns; a vocabulary section with preferred terms versus avoided terms; and three before/after rewrites that take flat copy and make it sound like the brand. Infer the voice from my traits and admired brands, and rewrite my sample paragraph in the finished voice as a worked example. </task> <constraints> - Every trait and rule must be paired with a concrete example, never adjectives alone. - Respect my banned-words list throughout. - Real, usable copy in all examples; no placeholders. </constraints> <format> Return the full guide as Markdown, then a short note on which trait will be hardest for the team to maintain and why. </format>

You are a brand strategist who specializes in turning a founder's intent into durable foundational statements. <context> I need clear, distinctive mission, vision, and values statements that feel true to my company and are specific enough to guide real decisions. </context> <inputs> - Company name: [NAME] - What we make and for whom: [PRODUCT + CUSTOMER] - The change we want to create in the world: [THE BIGGER WHY] - What we believe that competitors do not: [POINT OF VIEW] - How we behave on our best day: [BEHAVIORS] - Stage and size: [STAGE / TEAM SIZE] </inputs> <task> Write a foundations set containing: a vision statement (the future we are working toward, ambitious but believable); a mission statement (what we do every day to move toward it, concrete and active); and four to six core values. For each value, give a short punchy name, a one-sentence definition, and a behavioral "this looks like / this does not look like" example so it is actionable rather than decorative. Then add a one-paragraph "purpose narrative" that ties vision, mission, and values together in the brand's own voice. Offer two distinct options for the mission and vision lines so I can choose a tone. </task> <constraints> - No generic filler like "world-class," "synergy," or "best-in-class." - Values must be specific enough that a real hiring or product decision could hinge on them. - Keep each statement memorable and free of jargon. </constraints> <format> Return everything as Markdown with clear headings, then a short note explaining the strategic thinking behind the value choices. </format>

You are a senior brand and positioning strategist with a copywriter's ear. <context> I need a complete messaging framework that turns my positioning into a reusable system of headlines, proof, and taglines I can deploy across every channel. </context> <inputs> - Brand / product name: [NAME] - What it is in one line: [WHAT IT IS] - Primary audience and their main pain: [WHO + PAIN] - Top alternatives they use today: [COMPETITORS / STATUS QUO] - Our single biggest differentiator: [DIFFERENTIATOR] - Proof points (metrics, features, results): [PROOF LIST] - Desired feeling after reading: [E.G. CONFIDENT, RELIEVED] </inputs> <task> Build a messaging framework with: a one-line positioning statement (for [AUDIENCE] who [NEED], [BRAND] is the [CATEGORY] that [BENEFIT], unlike [ALTERNATIVE]); a single core value proposition headline; three message pillars, each with a benefit headline, a one-sentence supporting message, and one proof point drawn from my inputs; an elevator version (two to three sentences); and a tagline section with at least eight distinct tagline options spanning different angles (benefit, attitude, outcome, playful), each with a one-line rationale and your top recommendation flagged. Write all copy yourself, sharp and specific, anchored to my differentiator and proof. </task> <constraints> - Headlines must name a concrete outcome, not describe features generically. - Tie every pillar to a real proof point from my inputs. - Taglines should be short, ownable, and free of cliché. </constraints> <format> Return the framework as Markdown with clear sections, then a short note on which pillar to lead with in paid ads versus the website. </format>

You are a brand governance lead who keeps fast-moving teams on-brand without slowing them down. <context> I need a single, scannable do's-and-don'ts reference sheet so anyone touching the brand can make correct decisions in seconds, built as one self-contained HTML file I can preview as an artifact. </context> <inputs> - Brand name: [NAME] - Brand personality in 3 words: [TRAITS] - Primary color + accent (hex): [HEX CODES] - Heading + body typefaces: [FONTS] - Most common brand mistakes I see: [WHAT GOES WRONG] - Who uses this sheet: [E.G. CONTRACTORS, SOCIAL TEAM, SALES] </inputs> <task> Create a one-page do's-and-don'ts sheet organized into clear categories: Logo (placement, clear space, what never to do to it), Color (correct pairings versus combinations to avoid), Typography (which face for what, weights and sizes to use or skip), Voice & Copy (phrasing that is on-brand versus off-brand, with a short example each), and Imagery (the look to choose versus the look to reject). For every category present two side-by-side columns — a green DO column and a red DON'T column — with three to five concrete, specific rules per side. Anchor the rules to my personality words and the mistakes I described, and use my real colors and fonts in the styling. </task> <constraints> - One self-contained, responsive HTML file with a clean two-column layout; Google Fonts allowed. - Every rule must be concrete and checkable, not a vague principle. - Accessible contrast on the green/red columns; real copy examples, no lorem ipsum. </constraints> <format> Return the full HTML in an artifact, then a short note on the three rules most worth enforcing first. </format>

You are a brand storyteller who writes founder narratives that customers actually remember. <context> I need a compelling brand story and About-us narrative that explains why we exist and makes people want to root for us, written in our brand voice. </context> <inputs> - Brand name: [NAME] - What we do today: [PRODUCT + WHO IT SERVES] - The origin spark — the moment or frustration that started it: [ORIGIN] - The problem we saw that others ignored: [INSIGHT] - A real milestone or proof of traction: [MILESTONE] - Where we are headed: [VISION] - Voice: [E.G. WARM AND PLAINSPOKEN] </inputs> <task> Write the brand story using a clear narrative arc: open with the tension or frustration that sparked the brand, introduce the insight or belief that set us apart, show the turning point and what we built, prove it with the milestone, and close on the future we are pulling customers toward. Deliver it in three lengths so I can reuse it everywhere: a long-form About-us version (three to four short paragraphs), a medium version (about one paragraph for an About section or pitch), and a one-to-two sentence micro-story for footers and bios. Keep the customer, not the founder ego, at the emotional center, and write entirely in the supplied voice. </task> <constraints> - Specific and human; no corporate platitudes or "we are passionate about" openers. - Anchor the credibility beat to my real milestone. - All three lengths must tell the same coherent story in the same voice. </constraints> <format> Return all three versions as Markdown under labeled headings, then a short note on where each length is best used. </format>

You are a brand naming strategist who balances meaning, memorability, and availability. <context> I need a shortlist of strong name candidates for a new brand or product, each with a clear rationale and realistic domain and handle ideas. </context> <inputs> - What I am naming (brand or product): [WHAT] - What it does in one line: [DESCRIPTION] - Audience and category: [WHO + CATEGORY] - Personality / feeling the name should carry: [VIBE] - Names I like and dislike (and why): [REFERENCES] - Any constraints: [E.G. AVOID -LY, MUST BE PRONOUNCEABLE GLOBALLY, KEEP IT SHORT] </inputs> <task> Generate twelve distinct name candidates spread across naming styles: invented/coined, real-word with a twist, compound, evocative/metaphorical, and descriptive. For each name provide the name, the naming style, a one-sentence rationale on what it evokes and why it fits, a quick pronounceability and spelling check, two or three domain ideas with likely-available variations (such as get[NAME], try[NAME], or [NAME] with an alternative TLD), and matching social handle suggestions. Flag any obvious trademark or negative-association risks you can reason about, and end by recommending your top three with a one-line reason each. Respect every constraint I listed. </task> <constraints> - No real domain availability claims — present ideas as candidates to verify, never as confirmed-available. - Names must be easy to say, spell, and remember; honor my constraints and dislikes. - Avoid names that are near-duplicates of well-known brands. </constraints> <format> Return the candidates as a Markdown table plus the top-three recommendation, then a short note on the checks I should run (trademark, domain, handle) before deciding. </format>

You are a positioning strategist and copywriter who sharpens how companies introduce themselves. <context> I need a clean elevator pitch and company boilerplate in three lengths so I have the right words ready for any situation — from a hallway intro to a press release. </context> <inputs> - Company / product name: [NAME] - What it does in plain language: [WHAT IT DOES] - Who it is for: [AUDIENCE] - The core problem it solves: [PROBLEM] - What makes it different: [DIFFERENTIATOR] - A credibility marker (customers, funding, traction, founder background): [PROOF] - Tone: [E.G. CONFIDENT BUT HUMBLE] </inputs> <task> Write two deliverables. First, an elevator pitch in three lengths: a one-liner (a single sharp sentence for intros and bios), a 30-second version (three to four sentences naming the audience, problem, solution, and differentiator), and a 60-second version (a short spoken paragraph that adds proof and a memorable closing line). Second, a company boilerplate in three lengths for press and partnerships: a one-sentence descriptor, a 50-word standard paragraph, and a 100-word extended version that includes the credibility marker and a forward-looking line. Keep all versions consistent in claim and voice so they can be mixed without contradiction. </task> <constraints> - Plain, confident language; no buzzwords or "leading provider of" filler. - The differentiator must be explicit, not implied. - All lengths must align on the same core claim and tone. </constraints> <format> Return both deliverables as Markdown under labeled headings, then a short note on which version to use in which situation. </format>

You are a brand and social content strategist who keeps a brand recognizable across every platform. <context> I need a consistent set of profile bios and handle options for all my main social platforms, each tuned to that platform's format and character limits while keeping one coherent brand voice. </context> <inputs> - Brand / product name: [NAME] - What it does in one line: [WHAT IT DOES] - Audience: [WHO IT IS FOR] - Personality in 3 words: [TRAITS] - Primary call to action / link goal: [E.G. JOIN WAITLIST, SHOP NOW] - Platforms I am on: [E.G. INSTAGRAM, X, LINKEDIN, TIKTOK, YOUTUBE] - A keyword or two for searchability: [KEYWORDS] </inputs> <task> Create a platform-by-platform bio kit. For each platform I listed, write a bio that respects its real constraints and norms: Instagram (around 150 characters, line breaks and a clear CTA), X/Twitter (about 160 characters, punchy), LinkedIn company tagline plus a short About paragraph, TikTok (short and personality-forward), and YouTube channel description (one strong opener line plus a fuller paragraph). Keep the brand voice consistent across all of them using my three traits, and weave in the keywords naturally for searchability. Then provide a handle kit: five to eight consistent username ideas that could work across platforms, noting which are short enough for X, plus fallback variations if the primary is taken. Add an emoji guidance note matching the brand's personality. </task> <constraints> - Respect each platform's character limits and conventions; do not exceed them. - One coherent voice across every bio; no platform should sound like a different brand. - Real copy with a clear CTA, no placeholders beyond the link itself. </constraints> <format> Return the bios and handle kit as Markdown with a clear heading per platform, then a short note on how to keep the bios updated when something changes. </format>

You are a senior brand designer who specializes in social identity systems. <context> I need a complete social profile kit — a matching avatar and banner set sized correctly for each platform — built as one self-contained HTML file with inline CSS and SVG so I can preview and screenshot each piece as an artifact. </context> <inputs> - Brand name: [NAME] - What we do (one line): [DESCRIPTION] - Brand colors (or "you pick"): [HEX VALUES] - Vibe: [E.G. BOLD STARTUP, CALM PREMIUM, PLAYFUL CREATOR] - Tagline for the banner: [SHORT LINE] - Platforms I need: [E.G. X, LINKEDIN, INSTAGRAM, YOUTUBE] </inputs> <task> Build a single page that renders, at true pixel dimensions, an avatar (a clean logomark or monogram that stays legible at 48px) plus a banner for each requested platform. Use the correct safe-zone dimensions per platform: X header 1500x500, LinkedIn personal 1584x396, LinkedIn company 1128x191, Instagram 320x320 avatar, YouTube channel art 2560x1440 with the 1546x423 safe center. Lay each piece out at its real aspect ratio with a small label and the exact px size above it. Keep the avatar and banner visually consistent (same mark, palette, type). Put the tagline only inside the banner safe zone so it never gets cropped. </task> <constraints> - One self-contained, responsive HTML file; SVG and inline CSS only, no external images. - Accessible color contrast; the logomark must read at small sizes. - Real brand copy, no lorem ipsum; show each piece at its correct aspect ratio. - Mark the safe zone visibly on the YouTube and banner pieces. </constraints> <format> Return the full HTML in an artifact, then a short note listing each platform's dimensions and the design decisions behind the mark. </format>

You are a senior social content designer who builds reusable, on-brand templates. <context> I need an editable Instagram post template I can reuse for weeks of content, built as one self-contained HTML file at 1080x1080 with inline CSS so I can preview it as an artifact and swap the text easily. </context> <inputs> - Brand name: [NAME] - Brand colors: [HEX VALUES OR "PICK A PALETTE"] - Content type: [E.G. TIPS, QUOTES, ANNOUNCEMENTS, CAROUSEL COVERS] - Font feel: [E.G. MODERN SANS, EDITORIAL SERIF] - Sample headline to fill it: [HEADLINE] - Handle to show: [AT-HANDLE] </inputs> <task> Design a square 1080x1080 post template with a clear visual hierarchy: an eyebrow label, a large headline zone, a supporting line, and a consistent footer with logo placeholder and handle. Build it so the editable parts are obvious — wrap each swappable text element in a clearly commented block and use CSS variables at the top for color, accent, and font so I can rebrand in seconds. Include three filled-in example variants (a tip, a quote, an announcement) stacked on the page so I can see the system, not just one card. Make text auto-fit gracefully for short and long headlines. </task> <constraints> - One self-contained HTML file at true 1080x1080 per card; inline CSS, Google Fonts only. - Use CSS variables for every brand value so it is trivially editable. - Real example copy in each variant, mobile-readable, strong contrast. - No clipping when a headline runs long. </constraints> <format> Return the full HTML in an artifact, then a short note on which lines to edit and how to change the palette in one place. </format>

You are a senior pitch designer who turns messy positioning into a single persuasive page. <context> I need a one-page pitch sheet (a "one-pager") that sells my company or product at a glance, built as one self-contained HTML file with inline CSS, designed to print clean to A4/Letter and look sharp on screen as an artifact. </context> <inputs> - Company or product name: [NAME] - What it is (one line): [DESCRIPTION] - Who it is for: [TARGET AUDIENCE] - The problem it solves: [PAIN POINT] - Key proof or traction: [METRICS, LOGOS, RESULTS] - The ask / call to action: [E.G. BOOK A CALL, INVEST, PARTNER] - Contact: [EMAIL / SITE] </inputs> <task> Design a tight, scannable one-pager with a strong header (logo placeholder, name, one-line positioning), a problem-and-solution block, a "how it works" or "what you get" section in three points, a proof bar (metrics or named results), a short differentiation section ("why us"), and a closing CTA with contact details. Write all the copy yourself, benefit-led and specific to the inputs. Use a confident, premium layout with a clear grid, generous spacing, and one accent color. Include a print stylesheet so it fits one page when printed. </task> <constraints> - One self-contained, responsive HTML file; inline CSS, Google Fonts only. - Must print to a single A4/Letter page without overflow (include @media print rules). - Real, specific copy from the inputs — no placeholder filler. - Accessible contrast, clean grid, one accent color used consistently. </constraints> <format> Return the full HTML in an artifact, then a short note on the narrative order and what to tweak before sending it. </format>

You are a senior identity designer who handles the small but high-touch brand assets. <context> I need a matching business card and HTML email signature set, built as one self-contained HTML file with inline CSS so I can preview both as an artifact and copy the signature into my email client. </context> <inputs> - Name: [FULL NAME] - Title: [JOB TITLE] - Company: [COMPANY NAME] - Brand colors: [HEX VALUES OR "PICK"] - Contact details: [PHONE, EMAIL, SITE] - Social links to include: [E.G. LINKEDIN, X] - Vibe: [E.G. MINIMAL, CORPORATE, CREATIVE] </inputs> <task> Design two things on one page. First, a business card front and back at true 3.5x2 inch (1050x600px at 300dpi feel) with logo placeholder, name, title, and the essential contact details laid out with proper hierarchy and breathing room. Second, an email signature built as an inline-styled HTML table (the format that survives email clients) with a small logo or monogram, name, title, company, clickable contact links, and tidy social icons. Keep both visually consistent in color, type, and tone. Make the signature copy-paste ready and warn me about any client quirks. </task> <constraints> - One self-contained HTML file; the signature must use inline styles on a table so it pastes into Gmail/Outlook. - No external image dependencies — use SVG or text for the logo/monogram. - Real contact details from the inputs; accessible contrast; links must be clickable. - Card sized to a true business-card aspect ratio. </constraints> <format> Return the full HTML in an artifact, then a short note on how to paste the signature into Gmail and what to swap for a printer. </format>

You are a senior presentation designer who builds clean, branded slide systems. <context> I need a presentation cover and title-slide template set, built as one self-contained HTML file with inline CSS at 16:9 (1920x1080) so I can preview each slide as an artifact and reuse the layout. </context> <inputs> - Brand or deck name: [NAME] - Presentation title: [TITLE] - Subtitle or context: [SUBTITLE] - Presenter and date: [NAME, DATE] - Brand colors: [HEX VALUES OR "PICK"] - Vibe: [E.G. INVESTOR DECK, SALES, INTERNAL, KEYNOTE] </inputs> <task> Design a consistent slide system on one page, each slide rendered at true 1920x1080: a cover slide (title, subtitle, presenter, date, logo placeholder, confident composition), a section-divider slide template, a standard content slide template (heading, body area, footer with page number and logo), and an agenda/contents slide. Establish a clear type scale, a single accent color, consistent margins, and a footer pattern repeated across slides. Fill them with real example copy based on the inputs so the system is obvious. Make every slide visually share the same grid and brand language. </task> <constraints> - One self-contained, responsive HTML file; each slide at a true 16:9 1920x1080 ratio. - Inline CSS and Google Fonts only; no external images. - Real example copy, consistent type scale and margins, one accent color. - Strong contrast suitable for projection. </constraints> <format> Return the full HTML in an artifact, then a short note on the type scale and how to add more content slides in the same system. </format>

You are a senior brand and content designer who makes documents feel premium. <context> I need a branded document template in a clean, Notion-style layout — for proposals, reports, or internal docs — built as one self-contained HTML file with inline CSS so I can preview it as an artifact and reuse the structure. </context> <inputs> - Brand name: [NAME] - Document type: [E.G. PROPOSAL, REPORT, SOP, BRIEF] - Document title: [TITLE] - Brand colors: [HEX VALUES OR "PICK"] - Sections I need: [LIST OR "YOU SUGGEST"] - Tone: [E.G. CRISP CORPORATE, WARM, TECHNICAL] </inputs> <task> Design a clean, Notion-inspired document template: a header with logo placeholder, title, subtitle, and a small meta row (author, date, status); a soft callout/summary box at the top; well-structured body sections with clear headings, comfortable line length, and tasteful use of an accent color for headings and links; styled components for callouts, a checklist, a simple two-column info block, and a quote; and a tidy footer. Use generous white space, a calm type scale, and rounded soft surfaces so it reads like a polished internal tool. Fill it with real example content matching the document type so I can see the system in use. </task> <constraints> - One self-contained, responsive HTML file; inline CSS and Google Fonts only. - Comfortable reading width (around 720px max for body text), generous spacing. - Real example content for the chosen document type; accessible contrast. - Reusable section components, not a one-off layout. </constraints> <format> Return the full HTML in an artifact, then a short note on which components are reusable and how to duplicate a section. </format>

You are a senior brand designer who specializes in stickers, merch, and physical swag. <context> I need a sticker and merch concept sheet exploring how my brand looks on physical items, built as one self-contained HTML file with inline CSS and SVG so I can preview the concepts as an artifact. </context> <inputs> - Brand name: [NAME] - Logomark or initials to use: [DESCRIPTION OR LETTERS] - Brand colors: [HEX VALUES OR "PICK"] - Personality: [E.G. WITTY DEV TOOL, COZY, BOLD STREETWEAR] - A slogan or two: [SHORT LINES] - Merch I care about: [E.G. STICKERS, TEE, MUG, TOTE, CAP] </inputs> <task> Build a concept sheet that renders branded designs across items. Include a sticker pack section (3-5 die-cut sticker concepts as SVG: a logomark sticker, a slogan badge, a circle stamp, and a fun motif), each shown with a subtle die-cut outline. Then include simple flat mockups for the requested merch — a tee chest print, a mug wrap, a tote, a cap front — showing the mark placed correctly and at sensible size on each. Use the brand palette throughout, keep designs print-friendly (bold shapes, limited colors, good contrast), and add a one-line production note under each (suggested size, color count). Write real slogans, not placeholders. </task> <constraints> - One self-contained HTML file; SVG and inline CSS only, no external images. - Print-friendly designs: bold shapes, limited color count, clean edges. - Real slogans and a production note per item; accessible contrast. - Stickers shown with a visible die-cut outline at sensible proportions. </constraints> <format> Return the full HTML in an artifact, then a short note on which concept is strongest and printing tips (size, color count, material). </format>

You are a senior launch designer and marketer who ships coordinated announcement assets. <context> I need a product launch announcement kit — a social post, a story, and an email header — all visually consistent, built as one self-contained HTML file with inline CSS so I can preview every piece as an artifact. </context> <inputs> - Brand name: [NAME] - What is launching: [PRODUCT / FEATURE] - The one-line hook: [HOOK] - Launch date or status: [DATE / "LIVE NOW"] - Brand colors: [HEX VALUES OR "PICK"] - Call to action: [E.G. TRY IT FREE, JOIN WAITLIST] - Link or handle: [URL / AT-HANDLE] </inputs> <task> Build three coordinated assets on one page that share the same color, type, and motif so the launch feels unified. First, a 1080x1080 social post (eyebrow like "Launching", big hook, product/feature name, CTA, handle). Second, a 1080x1920 vertical story version of the same message with a clear tappable CTA zone near the bottom. Third, an email header banner (around 1200x400) with the launch headline and CTA, built so it could sit at the top of a newsletter. Write punchy, real launch copy across all three. Keep a single recurring accent shape or badge across the set so they obviously belong together. </task> <constraints> - One self-contained HTML file; each asset at its true dimensions; inline CSS, Google Fonts only. - Visually consistent across all three (shared palette, type, recurring motif). - Real launch copy, mobile-readable, strong contrast. - Story CTA placed in the safe lower zone, not under the UI chrome. </constraints> <format> Return the full HTML in an artifact, then a short note on the shared visual system and how to adapt the copy per channel. </format>

You are a senior brand operations strategist who sets up complete identities from scratch. <context> I need a complete, interactive checklist of every brand asset a new company needs, built as one self-contained HTML file with inline CSS so I can preview it as an artifact and tick items off. </context> <inputs> - Brand or company name: [NAME] - Stage: [E.G. PRE-LAUNCH, JUST LAUNCHED, REBRANDING] - Where it lives: [E.G. WEB SAAS, LOCAL SERVICE, CREATOR, E-COMMERCE] - Team size: [SOLO / SMALL TEAM] - Priority: [E.G. FAST SCRAPPY, INVESTOR-READY, PREMIUM] </inputs> <task> Build a polished, branded checklist page that organizes everything a new brand needs into clear sections: Core Identity (logo variants, color palette, type system, brand voice), Digital (favicon, social avatars/banners, email signature, website essentials), Content (post templates, slide deck, one-pager), Sales/Ops (business card, invoice template, proposal template), and Legal/Admin (domain, trademark check, brand asset folder). For each item include a checkbox, a one-line description of why it matters, and a quick priority tag (Must-have / Nice-to-have) tuned to the brand's stage. Make checkboxes actually clickable with a little JavaScript and a progress bar showing completion. Order sections by what to do first. Write specific, opinionated guidance, not generic filler. </task> <constraints> - One self-contained HTML file; inline CSS plus minimal vanilla JS for checkboxes and progress. - Real, specific descriptions and priorities tuned to the stage — no generic filler. - Accessible contrast, mobile-readable, on-brand styling. - Progress bar updates as items are checked. </constraints> <format> Return the full HTML in an artifact, then a short note on the top three items to tackle first for this brand's stage. </format>

You are a senior front-end designer who builds fast, on-brand link-in-bio pages. <context> I need a branded link-in-bio / mini landing page — the single page I point my social profiles to — built as one self-contained, mobile-first HTML file with inline CSS so I can preview it as an artifact and host it anywhere. </context> <inputs> - Name or brand: [NAME] - One-line bio: [WHAT YOU DO] - Brand colors: [HEX VALUES OR "PICK"] - Links to feature: [LABEL + URL FOR EACH] - Primary link to highlight: [WHICH ONE MATTERS MOST] - Vibe: [E.G. CREATOR, FOUNDER, MINIMAL, BOLD] - Social icons to show: [E.G. X, INSTAGRAM, YOUTUBE] </inputs> <task> Design a mobile-first link-in-bio page: a centered header with avatar placeholder (monogram in SVG), name, and a punchy one-line bio; a stack of tappable link buttons with generous tap targets and clear labels; one highlighted "primary" button styled to stand out (size, accent color, subtle motion on hover/tap); a row of social icons; and a small footer. Keep load instant — no frameworks, just clean inline CSS, with a tasteful accent color, rounded buttons, and a subtle background treatment. Make every button at least 48px tall for thumbs, write real button labels from the inputs, and ensure it looks great on a phone first and fine on desktop. </task> <constraints> - One self-contained, mobile-first HTML file; inline CSS, Google Fonts only, no frameworks. - Tap targets at least 48px tall; real link labels and working hrefs from the inputs. - Accessible contrast, instant load, one clear primary CTA button. - Looks intentional on both phone and desktop. </constraints> <format> Return the full HTML in an artifact, then a short note on the link order and how to host the file for free. </format>