TEN TEMPLATES · YOUR BRAND · SUPER SIMPLE ON PURPOSE

BRAND INPUT — THE LAB READS THIS LIVE

You are a senior brand designer. Build me an interactive page containing 10 Pinterest pin templates I can reuse every day. OBJECTIVE One HTML page that renders all 10 templates as live canvases at exactly 1000×1500 (Pinterest's preferred 2:3), each with its own DOWNLOAD PNG button, plus one DOWNLOAD ALL button. No design tools needed on my end — everything happens on this page. MY BRAND — USE THESE EXACTLY - Brand name: [your brand] - Logo: [describe your mark, or "text wordmark of my brand name"] - Ink color (main text): [hex] - Accent color: [hex] - Paper color (background): [hex] - Headline font: [e.g. Instrument Serif] · Label font: [e.g. IBM Plex Mono] - Link to show: [yourdomain.com] - Sample CTA: [e.g. "Make Pinterest Your Career"] - Niche: [fashion / interiors / beauty / travel…] THE RULES — LESS IS MORE, ENFORCE ALL OF THEM 1. THE PHOTO IS THE PIN. Reserve 85–90% of every template's height for the photo zone. Render it as a light-gray dashed placeholder labeled "YOUR PHOTO" and give every pin an UPLOAD PHOTO button that cover-crops my image into the zone (preview + download both). 2. Borders: hairlines (1–3px at export), thin double frames, or corner brackets only. Zero gradients, zero drop shadows, zero decorative clutter. 3. One slim caption strip per pin (10–15% of height). Vary what it holds across the set — logo only / brand + CTA / logo + link / CTA only / brand left · link right. Never all four elements on one pin. 4. Typography: exactly two typefaces. Headlines never under 28px at export size, labels never under 14px, letterspaced uppercase for labels. No third font, ever. 5. Consistency: identical margins, palette, and type scale across all ten — my feed should read as one brand at a glance. 6. Composition variety across the ten: full-bleed photo, framed photo, top band, bottom accent band, side accent bar, corner brackets, photo split, editorial rules — name each template. 7. Controls at the top of the page, applied live to all ten: brand name, CTA text, link, the three brand colors, text + link colors, font choice, bold/italic/regular, lowercase/UPPERCASE toggle, logo size slider, border weight slider. 8. Accessibility of the output: text must stay legible on the paper color — check contrast, and never place text over the photo zone. DOWNLOADS — EXACT BEHAVIOR - Each pin's DOWNLOAD PNG button renders that canvas at full 1000×1500 and saves as [brand]-pin-01.png … -10.png. - DOWNLOAD ALL saves all ten, numbered, one after another. - Downloads must include my uploaded photos and every customization exactly as previewed. HOW I'LL USE IT (build for this flow) Every morning: open the page → upload today's product photo into 2–3 templates → type the CTA → hit download → pin. The whole loop under two minutes. Ask me for my brand details first if any bracket above is unfilled, then build the whole page in one file.

You are a senior identity designer. I don't have a logo. Design me FIVE distinct logo marks and build them on one interactive page I can download them from. MY BRAND — ASK ME FOR ANY OF THESE I LEAVE BLANK - Brand name: [your brand] - What I sell / my niche: [fashion / interiors / beauty / travel…] - One sentence on the vibe: [e.g. "clean, editorial, a little mystical"] - Three words my brand should feel like: [e.g. calm, expensive, effortless] - Colors if I have them: [hexes, or "propose a palette of ink + accent + paper and show swatches"] - Fonts I already use: [or "propose one serif + one mono and tell me why"] - Anything I love: [reference brands, symbols, sacred geometry, an animal, an initial…] - Anything I hate: [e.g. gradients, script fonts, mascots] THE FIVE MARKS — MAKE THEM GENUINELY DIFFERENT 1. WORDMARK — my name set beautifully in one typeface, one tiny distinctive detail (a colored period, a swapped letter, a ligature). No icon. 2. MONOGRAM — my initial(s) as a mark that works at 32px in a circle crop. 3. SYMBOL + NAME LOCKUP — one simple geometric symbol that means something about my niche, locked up with the name. No clip-art, max 3 shapes. 4. LETTER SYSTEM — my name broken into units (letters in circles, a grid, a stack) that still reads instantly. 5. WILDCARD — your best idea I wouldn't think of. Take a risk. HARD RULES - Vector-crisp: draw everything with code (canvas or SVG), never raster effects. Two colors max per mark plus paper. - Every mark must survive: 32px circle avatar, one-color black, one-color white. - No gradients unless I listed them under "love." No drop shadows, ever. - Show each mark on light AND dark swatches side by side. DELIVERABLES — EXACT BEHAVIOR - One page, five sections, each with the mark rendered live. - Per mark: DOWNLOAD AVATAR (1000×1000 transparent PNG, safe inside a circle crop) and DOWNLOAD HEADER (1500×500 PNG). - Filenames: [brand]-logo-01-avatar.png, [brand]-logo-01-header.png, etc. - Under each mark, one line on the idea behind it and where to use it (profile, pin caption strip, watermark). Then ask me which direction I like and iterate on that one — tighter spacing, alternate colorways, and a favicon version.

You are a brand director. Build my complete brand identity and deliver it as ONE beautiful, scrollable brand-book page I can screenshot, share, and return to forever. MY BRAND — INTERVIEW ME FIRST ON ANYTHING BLANK - Brand name: [your brand] - What I sell / niche: [ ] - Who buys it: [describe your dream customer in one sentence] - The feeling when they land on my page: [e.g. "calm luxury", "big sister energy"] - Brands whose look I envy: [2–3] - My logo: [paste/describe it, or "use the logo we designed in the last chat"] - Deal-breakers: [e.g. no pink, no script fonts, no emoji] BUILD THESE SECTIONS, IN ORDER 01 · THE BRAND IN ONE LINE — a positioning sentence and a 3-word essence. 02 · COLOR SYSTEM — exactly 5 colors: ink, paper, accent, plus 2 supporting tones. For each: hex, name it something evocative, when to use it, and one DON'T. Show real swatches with the hex printed on them, and show the palette passing contrast (ink on paper, accent on paper). 03 · TYPOGRAPHY — one headline face + one label/body face (Google Fonts only, name the exact weights). Show a live type scale: H1 through caption with px sizes, letterspacing for labels, and a rule for when each level is used. 04 · LOGO SUITE — primary mark, one-color black, one-color white, avatar-in-a-circle test, minimum size, and clear-space rule (shown visually, not just described). 05 · THE GRID — my Pinterest pin anatomy: photo zone %, caption strip, margins. One diagram. 06 · VOICE — 5 rules for how I write (with a before/after example each), 10 words I use, 5 words I never use. 07 · DO / DON'T BOARD — 6 tiny visual examples: 3 on-brand, 3 off-brand, one line each on why. 08 · THE CHEAT SHEET — a single compact card at the end with: all 5 hexes, both font names + weights, logo min size, pin photo %, and my one-line positioning. This card alone should be enough to brief anyone. HARD RULES - Everything rendered live in code (HTML/CSS/SVG) — real swatches, real type samples in the actual fonts, no image mockups. - The page itself must follow the system it defines: its own headings, colors, and spacing use my brand. If the brand book looks off-brand, fix the system. - Every color used anywhere on the page must come from the 5. Every font must be one of the 2. - End with DOWNLOAD buttons: the cheat-sheet card as a 1600×2000 PNG, and each logo variant as transparent PNGs. When it's done, quiz me: show me 3 quick A/B choices (accent alternates, type pairings, logo lockups) so we can tighten the system to taste — then update the whole book in place.