Yes — the website now needs a **proper image-generation inventory**, not random one-off images. The most important rule is: **website text should be live HTML text, not baked into images**, except for logo/brand marks. That improves SEO, accessibility, mobile responsiveness, and lets us easily update campaign language. Below is the complete account of what we need to generate. # Jamie Atkinson Campaign Website # Complete Image Asset Generation Inventory ## Master Visual Rule Every website image should support the campaign’s visual language: * modern Apple-style simplicity * white space * campaign navy, bright green, white * Toronto skyline / CN Tower * clean civic optimism * people-first AI * students, families, workers, artists, volunteers * subtle hand-drawn campaign marks: ballot checkmark, star, heart, underline strokes * torn-paper texture only as a controlled design accent * no dense text inside images * no fake browser chrome * no Windows/macOS bars * no unreadable AI text * no scary robots * no surveillance aesthetics Website images should be generated as **separate individual assets**, not grids. --- # 1. Core Brand Assets These should be created first because every page depends on them. ## 1.1 Primary Logo — Vector Build, Not AI Image **File name:** `logo-jamie-atkinson.svg` **Format:** SVG **Use:** Website header, footer, signs, print, social, cards. **Description:** Exact “Jamie Atkinson” wordmark in bold rounded sans-serif. Navy blue primary letters with bright green emphasis letters. The green should subtly suggest the “AI” inside Jamie Atkinson without making the brand feel gimmicky. Clean, friendly, strong, highly legible. **Important:** Do not rely on AI image generation for exact logo text. Build this manually in SVG or design software. --- ## 1.2 Logo Lockup — For Mayor **File name:** `logo-jamie-atkinson-for-mayor.svg` **Format:** SVG **Use:** Campaign pages, donate, print, footer, social. **Description:** Primary wordmark plus handwritten-style “for MAYOR” under it. “for” should feel hand-drawn in green. “MAYOR” should be navy, energetic, marker-style, underlined. --- ## 1.3 Horizontal Header Logo **File name:** `logo-horizontal.svg` **Format:** SVG **Use:** Website sticky header. **Description:** Compact horizontal Jamie Atkinson logo optimized for navigation bars. Must remain readable at small sizes. --- ## 1.4 Footer Logo **File name:** `logo-footer-white-green.svg` **Format:** SVG **Use:** Dark navy footer. **Description:** White and green version of the logo for dark backgrounds. --- ## 1.5 Favicon / App Icon **File names:** `favicon.svg` `apple-touch-icon.png` `icon-192.png` `icon-512.png` **Description:** Simple “JA” or JA or ballot-checkmark + skyline mark in navy/green. Must work very small. --- # 2. Site-Wide Decorative Assets These are reusable across every page. ## 2.1 Toronto Skyline Line Art **File name:** `skyline-line-toronto.svg` **Format:** SVG **Use:** Footer, page dividers, cards, CTA strips. **Description:** Clean navy line-art skyline with CN Tower, Rogers Centre, high-rises, and Toronto waterfront silhouette. No text. --- ## 2.2 White Skyline for Dark Backgrounds **File name:** `skyline-line-white.svg` **Format:** SVG **Use:** Navy footer and dark CTA sections. **Description:** Same skyline, white line art with optional green accent underline. --- ## 2.3 CN Tower Isolated Asset **File name:** `cn-tower-isolated.png` or `cn-tower.svg` **Format:** transparent PNG or SVG **Use:** Hero overlays, cards, report covers. **Description:** Clean CN Tower illustration, not photorealistic, with navy/green line accents. --- ## 2.4 Torn Paper White Panel **File name:** `torn-paper-white-panel.png` **Format:** transparent PNG **Use:** Hero headline blocks, CTA strips, student pages. **Description:** White torn-paper rectangle, subtle paper texture, clean edges, no text. --- ## 2.5 Torn Paper Navy Panel **File name:** `torn-paper-navy-panel.png` **Format:** transparent PNG **Use:** Social-style sections, dark callouts, footer CTAs. **Description:** Deep navy torn-paper rectangle with subtle texture, no text. --- ## 2.6 Green Brush Underline Pack **File names:** `underline-green-01.svg` `underline-green-02.svg` `underline-green-03.svg` **Description:** Hand-drawn green underline strokes for emphasis under headings. --- ## 2.7 Hand-Drawn Doodle Pack **File names:** `doodle-ballot-check.svg` `doodle-heart.svg` `doodle-star.svg` `doodle-arrows.svg` `doodle-rays.svg` `doodle-smile.svg` **Description:** Simple green/navy hand-drawn icons matching the campaign screenshots. Used lightly across pages. --- ## 2.8 Network Lines Overlay **File name:** `network-lines-overlay.svg` **Use:** AI city, compute exchange, services, Giga City pages. **Description:** Subtle light-blue/green network nodes and lines. Transparent background. Should feel civic and intelligent, not cyberpunk. --- # 3. Page Hero Backgrounds All page hero images should be generated in **2400 × 1350 px**, 16:9, with safe space on the left or right for live HTML text. ## Global Hero Prompt Template **Prompt template:** Create a clean modern Apple-style campaign website hero background for Jamie Atkinson for Mayor in Toronto. Use a bright optimistic civic atmosphere, Toronto skyline with the CN Tower clearly visible, campaign navy and bright green accents, white negative space for live website text, subtle hand-drawn ballot checkmark/green underline/simple arrow accents, subtle AI network lines only where appropriate, people-first energy, realistic but polished, no readable text, no logo, no browser frame, no signs with words, no clutter. --- ## 3.1 Homepage Hero **File name:** `hero-home-toronto-leads-again.jpg` **Prompt:** Create a clean, optimistic Toronto waterfront hero image with CN Tower, skyline, sunlight, lake, people walking and cycling, subtle green civic accents, subtle AI network glow in the sky, large clean white safe space on the left for text. Apple-style, simple, premium, campaign-ready. No words, no logos. **Purpose:** Main homepage first impression: Toronto Leads Again. --- ## 3.2 Meet Jamie Hero **File name:** `hero-meet-jamie.jpg` **Prompt:** Create a warm civic leadership scene at Toronto City Hall / Nathan Phillips Square area with diverse residents speaking together, CN Tower or skyline in background, soft sunlight, calm professional energy, clean white safe space on left for live text. No words, no campaign signs. **Purpose:** Humanize Jamie and leadership. --- ## 3.3 Plan Page Hero **File name:** `hero-plan-full-city-system.jpg` **Prompt:** Create a wide Toronto civic systems hero: skyline, transit, housing, parks, clean energy, people, and subtle AI network lines connecting them. Modern, simple, hopeful. White safe zone for text. No words. **Purpose:** Shows the full platform as one connected system. --- ## 3.4 Full-Stack AI City Hero **File name:** `hero-full-stack-ai-city.jpg` **Prompt:** Create a futuristic but realistic Toronto cityscape with CN Tower, clean waterfront, light-blue AI network overlays, green energy elements, public transit, people in public spaces, and civic data glow. Human-first, not cyberpunk. White negative space for text. No readable text. **Purpose:** Doctrine page. --- ## 3.5 City Hall Services / Shape Your City AI Hero **File name:** `hero-city-hall-services-ai.jpg` **Prompt:** Create a clean image of a person holding a smartphone with a generic civic service interface, Toronto skyline and CN Tower softly in background, bright white/blue atmosphere, subtle friendly AI assistant visual, no readable UI text, no logos. Leave left safe space for headline. **Purpose:** City Hall at the Speed of Real Life page. --- ## 3.6 Safer Toronto Hero **File name:** `hero-safer-toronto.jpg` **Prompt:** Create a warm evening Toronto neighbourhood street with better lighting, families and residents walking safely, storefronts open, CN Tower visible in distance, calm community atmosphere, clean navy/green campaign accents, white safe space on left. No signs with readable text. **Purpose:** Safety page. --- ## 3.7 Housing Hero **File name:** `hero-more-homes-faster.jpg` **Prompt:** Create a bright Toronto neighbourhood with mid-rise housing, family walking, trees, mixed-use street, construction crane in distance, CN Tower visible, optimistic affordable-housing energy, clean modern architecture, white safe space on left. No text. **Purpose:** More Homes, Faster page. --- ## 3.8 Transit Hero **File name:** `hero-move-toronto-better.jpg` **Prompt:** Create a modern Toronto transit corridor with TTC-style streetcar, protected bike lane, safe station entrance, pedestrians, trees, CN Tower in background, bright morning light, clean green accents, white safe space on left. Avoid readable transit ads or signs. **Purpose:** Transit page. --- ## 3.9 Jobs & AI Economy Hero **File name:** `hero-jobs-ai-economy.jpg` **Prompt:** Create a diverse group of Toronto students and young workers collaborating around a laptop/tablet with skyline and CN Tower behind them, subtle friendly AI assistant nearby, bright clean Apple-style composition, navy and green accents, white safe space for headline. No readable text. **Purpose:** Jobs, students, AI economy page. --- ## 3.10 Toronto Compute Exchange Hero **File name:** `hero-compute-exchange.jpg` **Prompt:** Create a clean civic compute centre scene in Toronto: modern server racks, glass building, CN Tower visible through windows or in background, green energy accents, subtle data network glow, public-infrastructure feeling, bright and trustworthy, white safe space for text. No words. **Purpose:** Toronto Compute Exchange page. --- ## 3.11 Arts & Culture Hero **File name:** `hero-toronto-built-by-artists.jpg` **Prompt:** Create a warm Toronto arts scene at golden hour: mural painter, musician, dancer, filmmaker, public art wall, CN Tower and skyline in the background, cinematic but clean, subtle navy/green campaign accents with optional purple/gold warmth. Leave left safe space for text. No readable text. **Purpose:** Arts page. --- ## 3.12 Sustainability Hero **File name:** `hero-clean-greener-toronto.jpg` **Prompt:** Create a bright waterfront park scene in Toronto with wetlands, trees, cyclists, walkers, solar panels, distant wind turbine, CN Tower skyline, clean air and blue water, optimistic climate-resilience feeling, white safe space for headline. No text. **Purpose:** Clean, resilient Toronto page. --- ## 3.13 Students Hero **File name:** `hero-students-next-50.jpg` **Prompt:** Create a bright, student-powered Toronto campaign hero with diverse high school and university students smiling, holding phones/notebooks, CN Tower skyline behind them, white cut-out sticker style around students, navy/green accents, clean white safe space for text, energetic but not cluttered. No readable signs. **Purpose:** Students for the Next 50 page. --- ## 3.14 Parent & Guardian Hero **File name:** `hero-parent-guardian-info.jpg` **Prompt:** Create a calm, trustworthy scene of parents, students, and campaign mentors at a community table in Toronto, consent forms/tablets, friendly supervision, bright safe atmosphere, CN Tower or neighbourhood background, white safe space for text. No readable text. **Purpose:** Parent safety page. --- ## 3.15 Volunteer / Get Involved Hero **File name:** `hero-get-involved.jpg` **Prompt:** Create a civic campaign volunteer scene: diverse students, adults, and neighbours around a table with maps, stickers, clipboards, phones, Toronto skyline behind them, bright optimistic light, navy/green accents, white safe space for text. No readable text. **Purpose:** Volunteer page. --- ## 3.16 Reports Hero **File name:** `hero-reports-policy.jpg` **Prompt:** Create a clean policy/report desk scene with printed campaign reports, Toronto skyline illustration, laptop, notebook, green pen, subtle CN Tower motif, premium white/navy/green composition, no readable text. **Purpose:** Reports page. --- ## 3.17 Giga City Hero **File name:** `hero-giga-city-global-toronto.jpg` **Prompt:** Create an aerial Toronto skyline and waterfront image at sunset with subtle network lines connecting districts outward, CN Tower central, regional/global connectivity feeling, clean future-city look, white safe area for headline. No words. **Purpose:** Giga City / regional future page. --- ## 3.18 Donate Hero **File name:** `hero-donate.jpg` **Prompt:** Create a clean optimistic campaign support image: hands placing small green heart/campaign sticker on a table beside a Toronto skyline card, civic contribution feeling, premium minimal design, no readable text. **Purpose:** Donation page. --- # 4. Issue Card Images and Carousel Thumbnails These appear below hero sections and inside carousels. ## 4.1 Housing Card Set Generate 6 square or 4:3 images. **Files:** `card-housing-family.jpg` `card-housing-midrise.jpg` `card-housing-permits.jpg` `card-housing-transit-oriented.jpg` `card-housing-local-business.jpg` `card-housing-parks.jpg` **Prompt:** Create a clean Toronto housing policy card image, modern mid-rise neighbourhood, families, trees, local businesses, transit access, optimism, no text, navy/green campaign colour hints. --- ## 4.2 Transit Card Set **Files:** `card-transit-bus-frequency.jpg` `card-transit-streetcar.jpg` `card-transit-safe-stop.jpg` `card-transit-comfortable-commute.jpg` `card-transit-route-map.jpg` `card-transit-worker-commute.jpg` **Prompt:** Create clean Toronto transit images showing frequent buses, streetcars, safe stops, comfortable commuters, route planning, and reliable service. Bright, modern, people-first. No readable signs. --- ## 4.3 Safety Card Set **Files:** `card-safety-lighting.jpg` `card-safety-community.jpg` `card-safety-youth-support.jpg` `card-safety-clean-parks.jpg` `card-safety-transit.jpg` `card-safety-responsive-services.jpg` **Prompt:** Create warm Toronto safety images showing better lighting, clean public spaces, community connection, youth supports, safer transit, and responsive public services. Human, calm, trustworthy. No text. --- ## 4.4 City Services Card Set **Files:** `card-services-311.jpg` `card-services-permits.jpg` `card-services-transparent-tracking.jpg` `card-services-easy-forms.jpg` `card-services-ai-assistant.jpg` `card-services-multilingual.jpg` **Prompt:** Create clean digital civic-service images: smartphone service requests, friendly AI assistant, permit forms, status tracking dashboards, multilingual service, Toronto skyline in soft background. No readable text. --- ## 4.5 Jobs / AI Economy Card Set **Files:** `card-economy-skills.jpg` `card-economy-small-business.jpg` `card-economy-youth-opportunity.jpg` `card-economy-responsible-ai.jpg` `card-economy-training-lab.jpg` `card-economy-startup.jpg` **Prompt:** Create bright Toronto AI economy images showing students learning, small businesses using tools, young workers, community training, responsible innovation, and opportunity. No text. --- ## 4.6 Compute Exchange Card Set **Files:** `card-compute-public-infrastructure.jpg` `card-compute-startup-access.jpg` `card-compute-research.jpg` `card-compute-clean-energy.jpg` `card-compute-waste-heat.jpg` `card-compute-local-jobs.jpg` **Prompt:** Create clean civic compute images showing server infrastructure, students/researchers, local startup access, clean energy, waste-heat reuse, Toronto skyline, public benefit. No words. --- ## 4.7 Arts Card Set **Files:** `card-arts-music-film.jpg` `card-arts-festivals.jpg` `card-arts-creative-jobs.jpg` `card-arts-youth-arts.jpg` `card-arts-public-art.jpg` `card-arts-studio-space.jpg` **Prompt:** Create warm Toronto arts and culture images: musician, muralist, filmmaker, youth artists, public festival, creative studio, Toronto skyline, cinematic light, navy/green with subtle purple/gold warmth. No readable text. --- ## 4.8 Sustainability Card Set **Files:** `card-sustainability-clean-air.jpg` `card-sustainability-resilient-neighbourhoods.jpg` `card-sustainability-parks.jpg` `card-sustainability-climate-action.jpg` `card-sustainability-stormwater.jpg` `card-sustainability-urban-agriculture.jpg` **Prompt:** Create clean, optimistic Toronto environmental images: waterfront parks, trees, stormwater gardens, clean air, solar, resilient neighbourhoods, urban agriculture, people walking/cycling. No text. --- # 5. Student Page Images The student page needs its own visual ecosystem. ## 5.1 Student Group Cut-Out Image **File name:** `students-group-cutout.png` **Format:** transparent PNG **Prompt:** Create a diverse group of smiling Toronto high school and university students, campaign navy and green clothing accents, holding phones, notebook, tablet, one button/sticker with non-readable campaign symbol, white cut-out sticker edge, transparent background, energetic and friendly. No text. --- ## 5.2 Student Laptop Collaboration **File name:** `students-ai-lab-collaboration.jpg` **Prompt:** Diverse Toronto students gathered around a laptop at an outdoor or bright community table, brainstorming campaign ideas and AI tools, CN Tower faintly in background, cheerful, navy/green accents, no readable text. --- ## 5.3 Student Mission Board **File name:** `students-mission-board.jpg` **Prompt:** A clean campaign mission planning table with students, sticky notes, maps, tablets, phones, Toronto skyline outside window, navy/green materials, no readable text. --- ## 5.4 Student Testimonial Portraits Generate 6 square portraits. **Files:** `student-testimonial-01.jpg` through `student-testimonial-06.jpg` **Prompt:** Create a friendly head-and-shoulders portrait of a diverse Toronto student volunteer, natural light, navy/green campaign colour accents, clean white background, slight sticker cut-out edge, no text. --- ## 5.5 Student Recognition Badges **Files:** `badge-mission-volunteer.svg` `badge-signal-builder.svg` `badge-neighbourhood-organizer.svg` `badge-youth-captain.svg` `badge-toronto-leads-fellow.svg` **Description:** Shield-style badges in navy/green/white with icons, no long text if possible. Text should be added in HTML/CSS. --- # 6. Parent & Safety Images ## 6.1 Parent Consent Scene **File name:** `parent-consent-safe-involvement.jpg` **Prompt:** Create a calm parent/guardian and student reviewing a tablet or consent form with a campaign mentor at a community table, bright safe setting, Toronto context, navy/green accents, no readable text. --- ## 6.2 Supervised Volunteer Event **File name:** `student-supervised-event.jpg` **Prompt:** Create a supervised daytime community event with student volunteers and adult mentors at a Toronto park or community booth, friendly, safe, structured, no readable signs. --- ## 6.3 Privacy and AI Safety Graphic **File name:** `ai-privacy-safety-graphic.svg` **Description:** Simple line graphic: laptop with lock, friendly AI assistant, shield, parent/guardian icon, checkmarks. --- # 7. Mini-App Visual Assets These are for the built-in interactive HTML demos. ## 7.1 Shape Your City AI Bot **File name:** `shape-your-city-ai-bot.svg` **Description:** Friendly small robot assistant with navy outline, green eyes, simple smile, small leaf/ballot-check/underline detail. Must feel helpful, not childish or creepy. --- ## 7.2 Shape Your City AI Interface Background **File name:** `ui-shape-your-city-ai-card.png` **Prompt:** Create a clean Apple-style civic AI assistant interface card with empty search bar, service cards, rounded corners, navy/green accents, no readable text, no real brand names. --- ## 7.3 Full-Stack AI Layer Diagram **File name:** `diagram-full-stack-ai-city.svg` **Description:** Four-layer stack: 1. Clean Energy & Environment 2. Compute & Data 3. Services & Mobility 4. People & Communities Use icons and connected lines. Text should be added in HTML where possible. --- ## 7.4 Robot Fishing / Environment Simulator Image **File name:** `image-robot-fishing-environment.jpg` **Prompt:** Create a friendly, optimistic scene representing “teach intelligent systems to help people fish and protect the lake”: small helpful robots assisting people with sustainable fishing, water monitoring, and environmental protection near a clean lake, Toronto skyline faintly in distance, warm human-first feel, no text. --- ## 7.5 Comfortable Commute Calculator Graphic **File name:** `ui-comfortable-commute-calculator.svg` **Description:** Simple transit route priority calculator UI: bus icon, comfort seat icon, route line, people icon, checkmarks. No embedded text. --- ## 7.6 Volunteer Hours Tracker Graphic **File name:** `ui-volunteer-hours-tracker.svg` **Description:** Progress ring / badge tracker / hours timeline using navy and green. --- ## 7.7 Student Mission Builder Graphic **File name:** `ui-student-mission-builder.svg` **Description:** Mission cards, team icons, checkmarks, progress path, student-friendly but clean. --- ## 7.8 Campaign Impact Calculator Graphic **File name:** `ui-impact-calculator.svg` **Description:** Simple dashboard with volunteer count, doors reached, shares, events, and neighbourhood map icons. No readable numbers baked in. --- # 8. Icon System All icons should be SVG, line-art, navy stroke with green highlights. ## Core Issue Icons **Files:** `icon-housing.svg` `icon-transit.svg` `icon-safety.svg` `icon-services.svg` `icon-ai.svg` `icon-students.svg` `icon-arts.svg` `icon-environment.svg` `icon-compute.svg` `icon-giga-city.svg` ## Service Icons **Files:** `icon-311.svg` `icon-permits.svg` `icon-forms.svg` `icon-tracking.svg` `icon-privacy.svg` `icon-translation.svg` `icon-chatbot.svg` `icon-dashboard.svg` ## Student Icons **Files:** `icon-volunteer-hours.svg` `icon-ai-skills.svg` `icon-leadership.svg` `icon-references.svg` `icon-impact.svg` `icon-content-team.svg` `icon-repost-team.svg` `icon-ai-lab-team.svg` `icon-community-team.svg` `icon-events-team.svg` `icon-neighbourhood-captain.svg` ## Safety Icons **Files:** `icon-lighting.svg` `icon-youth-support.svg` `icon-community-safety.svg` `icon-clean-parks.svg` `icon-safe-transit.svg` `icon-responsive-services.svg` ## Environment Icons **Files:** `icon-clean-air.svg` `icon-tree-canopy.svg` `icon-stormwater.svg` `icon-solar.svg` `icon-waste-heat.svg` `icon-urban-agriculture.svg` `icon-biodiversity.svg` ## Transit Icons **Files:** `icon-bus.svg` `icon-streetcar.svg` `icon-subway.svg` `icon-bike-lane.svg` `icon-comfort-seat.svg` `icon-route-map.svg` `icon-frequency.svg` `icon-safe-stop.svg` ## Arts Icons **Files:** `icon-music.svg` `icon-film.svg` `icon-mural.svg` `icon-theatre.svg` `icon-dance.svg` `icon-design.svg` `icon-festival.svg` `icon-studio.svg` --- # 9. Report and Download Images ## 9.1 Report 1 Cover **File name:** `cover-report-full-stack-ai-city.jpg` **Prompt:** Create a premium policy report cover for a mayoral campaign, Toronto skyline and CN Tower, clean white background, navy and green accents, subtle full-stack city diagram motif, no readable text. Leave space for title to be added in HTML/PDF. --- ## 9.2 Report 2 Cover **File name:** `cover-report-students-next-50.jpg` **Prompt:** Create a premium report cover image featuring diverse Toronto students, campaign navy and green, skyline line art, optimistic civic energy, no readable text. --- ## 9.3 One-Page Platform Cover **File name:** `cover-one-page-platform.jpg` **Prompt:** Create a clean one-page platform summary cover visual with six civic icons around Toronto skyline, navy/green/white, no readable text. --- ## 9.4 Transit Comfort Brief Cover **File name:** `cover-comfortable-commute.jpg` **Prompt:** Create a clean policy brief cover image of a comfortable modern TTC-style bus interior with supportive seats, diverse riders, bright clean lighting, no readable ads or text. --- ## 9.5 Arts Brief Cover **File name:** `cover-arts-culture-plan.jpg` **Prompt:** Create a warm arts policy cover image with Toronto skyline, mural, musician, film camera, stage light, navy/green plus subtle purple/gold accents, no text. --- # 10. Footer and CTA Assets ## 10.1 Footer Skyline Background **File name:** `footer-skyline-background.svg` **Description:** Dark navy footer background with white Toronto skyline line art, green ballot-check/underline/arrow details, no text. --- ## 10.2 CTA Blue Torn Paper Strip **File name:** `cta-strip-navy-paper.png` **Description:** Navy torn-paper strip with texture, transparent edges, no text. --- ## 10.3 CTA Green Button Background **File name:** `cta-green-button.svg` **Description:** Rounded green button shape with optional arrow, no text. --- ## 10.4 QR Code Frame **File name:** `qr-frame-campaign.svg` **Description:** Green/navy square frame with arrow doodle and small ballot checkmark/arrow. QR code itself should be generated separately from real URL. --- # 11. Social and SEO Image Assets ## 11.1 Homepage Open Graph Image **File name:** `og-home.jpg` **Size:** 1200 × 630 **Prompt:** Create a clean social preview image for Jamie Atkinson mayor campaign: Toronto skyline, CN Tower, navy/green/white campaign palette, space for text added later, civic optimism, no embedded words. --- ## 11.2 Students Open Graph Image **File name:** `og-students.jpg` **Size:** 1200 × 630 **Prompt:** Create a social preview image featuring diverse Toronto students smiling, navy/green campaign accents, CN Tower skyline, energetic but clean, no text. --- ## 11.3 Arts Open Graph Image **File name:** `og-arts.jpg` **Size:** 1200 × 630 **Prompt:** Create a social preview image showing Toronto artists, mural, musician, skyline, warm cinematic light, navy/green accents, no text. --- ## 11.4 AI City Open Graph Image **File name:** `og-ai-city.jpg` **Size:** 1200 × 630 **Prompt:** Create a social preview image showing Toronto as a human-first AI city with skyline, subtle network lines, people, transit, greenery, clean future-city look, no text. --- # 12. Print and Campaign Material Mockup Images These are not necessarily website production assets, but useful for the website “Media Kit” or “Get Involved” pages. ## 12.1 Lawn Sign Mockup **File name:** `mockup-lawn-sign.jpg` **Description:** Campaign lawn sign in front of a Toronto home/street. Actual text should be applied in design software, not generated. --- ## 12.2 Table Booth Image **File name:** `mockup-event-table.jpg` **Description:** Campaign booth with tablecloth, QR cards, buttons, stickers, students, families, volunteer sign-up energy. --- ## 12.3 Volunteer Badge Mockup **File name:** `mockup-volunteer-badge.jpg` **Description:** Volunteer lanyard and badge in navy/green. --- ## 12.4 Button and Sticker Flat Lay **File name:** `mockup-buttons-stickers.jpg` **Description:** Buttons, stickers, QR cards, campaign pen, phone, paper texture. Navy/green/white. --- ## 12.5 Business Card Mockup **File name:** `mockup-business-card.jpg` **Description:** Jamie Atkinson campaign card on clean table with Toronto skyline card edge. --- # 13. Exact Batch Order ## Batch 1 — Foundation Website Hero Images Generate these first: 1. `hero-home-toronto-leads-again.jpg` 2. `hero-full-stack-ai-city.jpg` 3. `hero-city-hall-services-ai.jpg` 4. `hero-more-homes-faster.jpg` 5. `hero-move-toronto-better.jpg` 6. `hero-safer-toronto.jpg` 7. `hero-jobs-ai-economy.jpg` 8. `hero-compute-exchange.jpg` 9. `hero-toronto-built-by-artists.jpg` 10. `hero-students-next-50.jpg` ## Batch 2 — Remaining Page Heroes 1. `hero-clean-greener-toronto.jpg` 2. `hero-get-involved.jpg` 3. `hero-parent-guardian-info.jpg` 4. `hero-reports-policy.jpg` 5. `hero-giga-city-global-toronto.jpg` 6. `hero-meet-jamie.jpg` 7. `hero-donate.jpg` 8. `hero-plan-full-city-system.jpg` 9. `hero-news-updates.jpg` 10. `hero-contact.jpg` ## Batch 3 — Site-Wide SVG / PNG Design System 1. logo set 2. skyline set 3. CN Tower isolated 4. torn paper panels 5. underline strokes 6. hand-drawn doodles 7. network overlays 8. QR frame 9. footer skyline 10. CTA strips ## Batch 4 — Student Page Assets 1. student cutout group 2. student AI lab collaboration 3. mission board 4. testimonial portraits 5. badges 6. parent consent scene 7. supervised event scene 8. volunteer hours tracker 9. student mission builder 10. parent safety icon set ## Batch 5 — Issue Card Images Generate 6 each for: 1. housing 2. transit 3. safety 4. city services 5. jobs/economy 6. compute exchange 7. arts 8. sustainability ## Batch 6 — Mini-App UI Assets 1. Shape Your City AI bot 2. Shape Your City interface card 3. Full-Stack AI layer explorer 4. robot fishing/environment simulator 5. Comfortable Commute calculator 6. volunteer hours tracker 7. student mission builder 8. movement impact calculator ## Batch 7 — Reports and Download Covers 1. Report 1 cover 2. Report 2 cover 3. one-page platform cover 4. AI governance cover 5. transit comfort cover 6. arts culture cover 7. compute exchange cover 8. sustainability brief cover 9. student safety guide cover 10. campaign media kit cover ## Batch 8 — Social and SEO Preview Images 1. `og-home.jpg` 2. `og-students.jpg` 3. `og-ai-city.jpg` 4. `og-arts.jpg` 5. `og-housing.jpg` 6. `og-transit.jpg` 7. `og-safety.jpg` 8. `og-services.jpg` 9. `og-compute.jpg` 10. `og-volunteer.jpg` --- # 14. Estimated Total Assets ## Essential Launch Assets * 18 page hero images * 10 core SVG brand assets * 60+ icons * 12 student/volunteer images * 8 mini-app assets * 10 report/social covers * 12 CTA/footer/decorative assets **Essential total:** approximately 120–130 assets. ## Full Premium Website Asset Library * 18 page heroes * 48 issue card images * 70+ icons * 15 student assets * 10 mini-app assets * 12 report covers * 10 social/OG images * 15 decorative assets * 10 print/mockup images **Full premium total:** approximately 200 assets. --- # 15. Master Prompt Style for Every Image Use this consistent style note at the end of every prompt: **Style note:** Modern Apple-style civic campaign design, bright white negative space, campaign navy and bright green accents, Toronto-specific skyline with CN Tower, optimistic people-first future, clean composition, accessible, uncluttered, premium, no readable text, no fake logos, no browser interface, no political clutter, no dystopian AI, no surveillance aesthetic. --- # 16. Production Rule For the actual website: * generate images mostly without text * add all headlines and copy in HTML * use SVG for icons and logos * use WebP for photos and hero images * use PNG only when transparency is needed * use `srcset` for mobile and desktop * write descriptive alt text for every image * compress all assets before launch * keep filenames keyword-rich for SEO Example: `hero-more-homes-faster-toronto-housing-plan.webp` `hero-students-next-50-toronto-volunteer-hours.webp` `icon-ttc-comfortable-commute.svg` `og-jamie-atkinson-toronto-mayor-2026.webp` The biggest correction from the mockups is that we should **not generate full web pages as images for the final website**. We generate the reusable ingredients: heroes, section images, icons, doodles, report covers, and CTA backgrounds. The HTML/CSS then recreates the clean Apple-style layout with readable, editable, SEO-friendly text.