The RepresentAI Image Prompt Template
This template ensures brand consistency whilst maintaining the informational, infographic style you prefer.
Works best with Manus AI, it’s the only llm I have seen doing branded images if you provide your logo.
The Core Prompt Template
Style & Environment: Minimal infographic in the “RepresentAI” style on a solid light gray background (#F0F0F0). High-contrast, clean, professional, and skimmable. Ensure there are no yellow or off-white tints in the background.
Typography: Use bold, black, sans-serif headings for all titles and labels. Include a single line of summary text at the very bottom in a smaller, clean font.
Layout & Elements: [INSERT SPECIFIC LAYOUT: e.g., Split-screen, 3D Stacked Blocks, or Circular Flow]. Use thin black lines for borders and arrows. The composition must be perfectly centered and symmetrical.
Visual Content: [INSERT CORE CONCEPT: e.g., The 4-Layer Framework / The Extraction Process].
Color & Accents: Use the RepresentAI brand purple (#5B4B9E) as the single accent colour for icons, progress bars, button highlights, or block headers.
Takeaway Line: [INSERT BOTTOM TEXT: e.g., “A systematic approach to AI search visibility.”]
Dimensions: [CHOOSE ONE: 1200×675 for Featured Image OR 800×533 for Inline Image]
When generating images for your blog posts, simply copy the core prompt template above and replace the bracketed sections [INSERT…] with the specific details for that image.
Filled-In Prompts for Your Blog Post
FEATURED IMAGE PROMPT (1200×675)
Style & Environment: Minimal infographic in the “RepresentAI” style on a solid light gray background (#F0F0F0). High-contrast, clean, professional, and skimmable. Ensure there are no yellow or off-white tints in the background.
Typography: Use bold, black, sans-serif headings for all titles and labels. Include a single line of summary text at the very bottom in a smaller, clean font.
Layout & Elements: Three-stage horizontal flow diagram with rounded-corner cards connected by thin black right-pointing arrows. Use thin black lines for borders and arrows. The composition must be perfectly centered and symmetrical.
Visual Content: A blank, ghosted app window with a faded magnifying glass (Stage 1: Invisible App), a prompt block with 12 checkmarks inside highlighted in #5B4B9E (Stage 2: The Master Prompt), and a solid app window with ChatGPT, Perplexity, and Google AI labels pointing inward (Stage 3: Discoverable App). Title text: “One Prompt. Twelve Fixes. Every AI Builder.”
Color & Accents: Use the RepresentAI brand purple (#5B4B9E) as the single accent colour for the centre card border and all 12 checkmarks.
Takeaway Line: “Run the prompt once, ship a discoverable app.”
Dimensions: 1200×675 for Featured Image
INLINE IMAGE 1 PROMPT (800×533)
Style & Environment: Minimal infographic in the “RepresentAI” style on a solid light gray background (#F0F0F0). High-contrast, clean, professional, and skimmable. Ensure there are no yellow or off-white tints in the background.
Typography: Use bold, black, sans-serif headings for all titles and labels. Include a single line of summary text at the very bottom in a smaller, clean font.
Layout & Elements: Four equal-width rounded-corner cards side by side, each with a coloured header and three listed items below. Use thin black lines for borders. The composition must be perfectly centered and symmetrical.
Visual Content: Card 1 header “Structure” with items: Semantic HTML, Single H1 per page, Internal links. Card 2 header “Metadata” with items: Meta title + description, Canonical URL, Open Graph + Twitter Cards. Card 3 header “Machine Readability” with items: noscript fallback, robots.txt, sitemap.xml. Card 4 header “Signals” with items: JSON-LD schema, llms.txt, Alt text + hreflang. Title text: “The Twelve Fixes Every AI-Built App Needs.”
Color & Accents: Use the RepresentAI brand purple (#5B4B9E) as the single accent colour for all four card header backgrounds.
Takeaway Line: “Twelve items, four categories, one prompt.”
Dimensions: 800×533 for Inline Image
INLINE IMAGE 2 PROMPT (800×533)
Style & Environment: Minimal infographic in the “RepresentAI” style on a solid light gray background (#F0F0F0). High-contrast, clean, professional, and skimmable. Ensure there are no yellow or off-white tints in the background.
Typography: Use bold, black, sans-serif headings for all titles and labels. Include a single line of summary text at the very bottom in a smaller, clean font.
Layout & Elements: Split-screen with two equal rounded-corner cards side by side, separated by a thin black vertical line and connected by a thin black horizontal arrow pointing right. Use thin black lines for borders and arrows. The composition must be perfectly centered and symmetrical.
Visual Content: Left card labelled “User View” showing a fully rendered browser window with nav bar, heading, body text, and image placeholder blocks in solid dark gray. Right card labelled “AI Crawler View” showing the same browser window almost entirely empty, with a single small block at the bottom labelled “noscript” and a pointer arrow labelled “Only this is readable.” Title text: “What Users See vs What AI Crawlers See.”
Color & Accents: Use the RepresentAI brand purple (#5B4B9E) as the single accent colour for the noscript block fill and its pointer arrow only.
Takeaway Line: “Without noscript, your app is invisible.”
Dimensions: 800×533 for Inline Image
Image Quality & Compression:
50kb max size
optimize the images to these professional standards:
- Featured Images: 1200×675 pixels (16:9 ratio). This is the gold standard for SEO, social sharing (Open Graph), and high-resolution displays without being bloated.
- Inline/Body Images: 800×533 pixels (3:2 ratio). This is wide enough for full-width reading on most blogs but keeps the file size extremely lean.
- Compression: I will use a high-quality “lossy” compression (targeting 50KB per image) so they look crisp on retina screens but load instantly.
- Correcting the Aspect Ratio:ensure the images are resized using a “crop-to-fill” method rather than stretching, so they never appear squashed.
Author
