RankFlow Homepage Image Prompts

These prompts are derived from homepage-content.md, homepage-build-plan.md, and the active visual-dna.md.

The older homepage docs talk in gold-and-navy terms. The prompts below are rewritten to express the same page strategy in the final Rise / Quiet Signal visual language.

Master Style Prefix#

Quiet Signal / Rise visual DNA. Swiss editorial product illustration or product-interface render for appointment-led Indian local business software. Paper White #F6F6F8 canvas, Card White #FFFFFF surfaces, Deep Ink #011821 structure and typography, Graphite #3B3E47 secondary information, Mist #E3E4E8 guides and borders, single Ember Orange #EC652B reserved only for directional signal, active flow, booked outcome, and the logic of the RankFlow Rise mark. Precision 1.5px linework, orthographic or shallow isometric at most, asymmetrical left-weighted composition, strict 12-column grid, 4px spacing discipline, 8px UI radius, high-end grotesk typography equivalent to Suisse Intl and Suisse Intl Mono if labels are unavoidable, calm premium whitespace, no decorative clutter, export-clean.

Negative Suffix#

No stock-photo look, no faces, no mascots, no photoreal people, no medical cross as hero symbol, no stethoscope cliché, no map-pin as the main logo idea, no AI purple, no neon, no glossy gradients, no blue glows, no decorative particles, no fantasy dashboard clutter, no generic three-card SaaS layout, no bubbly consumer-health UI, no oversized KPI tiles, no clipart, only #EC652B as the accent color.

Asset Register#

Paste-Ready Prompts#

01. Hero cityscape plate#

Quiet Signal / Rise visual DNA. Swiss editorial product illustration or product-interface render for appointment-led Indian local business software. Paper White #F6F6F8 canvas, Card White #FFFFFF surfaces, Deep Ink #011821 structure and typography, Graphite #3B3E47 secondary information, Mist #E3E4E8 guides and borders, single Ember Orange #EC652B reserved only for directional signal, active flow, booked outcome, and the logic of the RankFlow Rise mark. Precision 1.5px linework, orthographic or shallow isometric at most, asymmetrical left-weighted composition, strict 12-column grid, 4px spacing discipline, 8px UI radius, high-end grotesk typography equivalent to Suisse Intl and Suisse Intl Mono if labels are unavoidable, calm premium whitespace, no decorative clutter, export-clean.
Asset: homepage hero illustration plate
Format: 1200x900 landscape
Layout: composition weighted to the right half, with 40% clean calm space on the left for HTML headline and CTA overlays
Subject: a contemporary South Indian local-business streetscape centered on a clinic as the primary node in a neighborhood visibility system
Elements: one clinic building, one pharmacy frontage, one diagnostic or service block, planted street edge, simplified auto-rickshaw silhouette, road-grid geometry, local storefront rhythm, map-like street network, subtle district blocks, no people
Accent behavior: use #EC652B only on 4-6 directional signal paths leaving the clinic, one active location marker, and one or two tiny confirmation points
Text policy: no baked text, no labels, no logos, no UI cards
Output notes: light plate, overlay-safe, elegant, premium, buildable, not futuristic
No stock-photo look, no faces, no mascots, no photoreal people, no medical cross as hero symbol, no stethoscope cliché, no map-pin as the main logo idea, no AI purple, no neon, no glossy gradients, no blue glows, no decorative particles, no fantasy dashboard clutter, no generic three-card SaaS layout, no bubbly consumer-health UI, no oversized KPI tiles, no clipart, only #EC652B as the accent color.

02. OG background plate#

Quiet Signal / Rise visual DNA. Swiss editorial product illustration or product-interface render for appointment-led Indian local business software. Paper White #F6F6F8 canvas, Card White #FFFFFF surfaces, Deep Ink #011821 structure and typography, Graphite #3B3E47 secondary information, Mist #E3E4E8 guides and borders, single Ember Orange #EC652B reserved only for directional signal, active flow, booked outcome, and the logic of the RankFlow Rise mark. Precision 1.5px linework, orthographic or shallow isometric at most, asymmetrical left-weighted composition, strict 12-column grid, 4px spacing discipline, 8px UI radius, high-end grotesk typography equivalent to Suisse Intl and Suisse Intl Mono if labels are unavoidable, calm premium whitespace, no decorative clutter, export-clean.
Asset: OG background plate for homepage social sharing
Format: 1200x630 landscape
Layout: calm left side for post-composited logo and headline, denser right side for illustration and product fragments
Subject: one reduced cityscape fragment paired with one cropped product dashboard fragment in a single editorial board
Elements: shallow isometric city fragment, one dashboard strip, one metric rail, one neutral editorial metadata block, soft structural dividers, no people
Accent behavior: use #EC652B only on one active connector route and one booked-state marker
Text policy: no readable baked text, only neutral structural placeholders if needed
Output notes: social-share ready background plate, crisp, premium, not poster-like
No stock-photo look, no faces, no mascots, no photoreal people, no medical cross as hero symbol, no stethoscope cliché, no map-pin as the main logo idea, no AI purple, no neon, no glossy gradients, no blue glows, no decorative particles, no fantasy dashboard clutter, no generic three-card SaaS layout, no bubbly consumer-health UI, no oversized KPI tiles, no clipart, only #EC652B as the accent color.

03. Citation dashboard mockup#

Quiet Signal / Rise visual DNA. Swiss editorial product illustration or product-interface render for appointment-led Indian local business software. Paper White #F6F6F8 canvas, Card White #FFFFFF surfaces, Deep Ink #011821 structure and typography, Graphite #3B3E47 secondary information, Mist #E3E4E8 guides and borders, single Ember Orange #EC652B reserved only for directional signal, active flow, booked outcome, and the logic of the RankFlow Rise mark. Precision 1.5px linework, orthographic or shallow isometric at most, asymmetrical left-weighted composition, strict 12-column grid, 4px spacing discipline, 8px UI radius, high-end grotesk typography equivalent to Suisse Intl and Suisse Intl Mono if labels are unavoidable, calm premium whitespace, no decorative clutter, export-clean.
Asset: citation operations dashboard mockup
Format: 800x600 landscape
Layout: front-on product UI with a left rail or top rail and a structured main canvas; asymmetric but disciplined
Subject: citation publishing and listing-health control screen
Elements: 30 directory tiles, listing-status dots, NAP consistency strip, publish timeline, detail rail, health summary, one selected entity state, restrained chart fragment
Accent behavior: use #EC652B only on one selected tile, one active progress track, and one action marker; use Forest Teal only for verified live states
Text policy: tiny pseudo-labels only, no readable marketing copy
Output notes: buildable dashboard, calm, precise, zero glow, zero gimmick
No stock-photo look, no faces, no mascots, no photoreal people, no medical cross as hero symbol, no stethoscope cliché, no map-pin as the main logo idea, no AI purple, no neon, no glossy gradients, no blue glows, no decorative particles, no fantasy dashboard clutter, no generic three-card SaaS layout, no bubbly consumer-health UI, no oversized KPI tiles, no clipart, only #EC652B as the accent color.

04a. Landing page phone main screen#

Quiet Signal / Rise visual DNA. Swiss editorial product illustration or product-interface render for appointment-led Indian local business software. Paper White #F6F6F8 canvas, Card White #FFFFFF surfaces, Deep Ink #011821 structure and typography, Graphite #3B3E47 secondary information, Mist #E3E4E8 guides and borders, single Ember Orange #EC652B reserved only for directional signal, active flow, booked outcome, and the logic of the RankFlow Rise mark. Precision 1.5px linework, orthographic or shallow isometric at most, asymmetrical left-weighted composition, strict 12-column grid, 4px spacing discipline, 8px UI radius, high-end grotesk typography equivalent to Suisse Intl and Suisse Intl Mono if labels are unavoidable, calm premium whitespace, no decorative clutter, export-clean.
Asset: generated clinic landing-page main screen inside a phone
Format: 375x812 portrait
Layout: front-on mobile UI, clean vertical rhythm, strong hero then structured modules
Subject: clinic or appointment-business landing page produced by RankFlow
Elements: hero area, image placeholder, services block, trust strip, map preview, appointment CTA, compact metadata, no clutter
Accent behavior: use #EC652B only on the primary appointment action and one active indicator
Text policy: structural pseudo-text only, no real marketing copy
Output notes: premium, minimal, reusable for doctors and other appointment businesses
No stock-photo look, no faces, no mascots, no photoreal people, no medical cross as hero symbol, no stethoscope cliché, no map-pin as the main logo idea, no AI purple, no neon, no glossy gradients, no blue glows, no decorative particles, no fantasy dashboard clutter, no generic three-card SaaS layout, no bubbly consumer-health UI, no oversized KPI tiles, no clipart, only #EC652B as the accent color.

04b. Landing page phone detail screen#

Quiet Signal / Rise visual DNA. Swiss editorial product illustration or product-interface render for appointment-led Indian local business software. Paper White #F6F6F8 canvas, Card White #FFFFFF surfaces, Deep Ink #011821 structure and typography, Graphite #3B3E47 secondary information, Mist #E3E4E8 guides and borders, single Ember Orange #EC652B reserved only for directional signal, active flow, booked outcome, and the logic of the RankFlow Rise mark. Precision 1.5px linework, orthographic or shallow isometric at most, asymmetrical left-weighted composition, strict 12-column grid, 4px spacing discipline, 8px UI radius, high-end grotesk typography equivalent to Suisse Intl and Suisse Intl Mono if labels are unavoidable, calm premium whitespace, no decorative clutter, export-clean.
Asset: appointment-conversion detail screen inside the generated clinic site
Format: 375x812 portrait
Layout: compact conversion-led mobile screen
Subject: service, FAQ, map, trust, and booking modules in one coherent mobile flow
Elements: service list, FAQ rows, directions block, contact strip, evidence chips, persistent booking action
Accent behavior: use #EC652B only on the booking action and one active section edge
Text policy: pseudo-text only
Output notes: mobile-first utility, trust-heavy, no decorative widgets
No stock-photo look, no faces, no mascots, no photoreal people, no medical cross as hero symbol, no stethoscope cliché, no map-pin as the main logo idea, no AI purple, no neon, no glossy gradients, no blue glows, no decorative particles, no fantasy dashboard clutter, no generic three-card SaaS layout, no bubbly consumer-health UI, no oversized KPI tiles, no clipart, only #EC652B as the accent color.

04c. Landing page desktop-preview screen#

Quiet Signal / Rise visual DNA. Swiss editorial product illustration or product-interface render for appointment-led Indian local business software. Paper White #F6F6F8 canvas, Card White #FFFFFF surfaces, Deep Ink #011821 structure and typography, Graphite #3B3E47 secondary information, Mist #E3E4E8 guides and borders, single Ember Orange #EC652B reserved only for directional signal, active flow, booked outcome, and the logic of the RankFlow Rise mark. Precision 1.5px linework, orthographic or shallow isometric at most, asymmetrical left-weighted composition, strict 12-column grid, 4px spacing discipline, 8px UI radius, high-end grotesk typography equivalent to Suisse Intl and Suisse Intl Mono if labels are unavoidable, calm premium whitespace, no decorative clutter, export-clean.
Asset: desktop-preview screen nested inside the phone workflow
Format: 375x812 portrait
Layout: phone shell containing one crisp desktop-browser preview
Subject: responsive desktop version of the generated landing page
Elements: browser frame, editorial hero, services grid, FAQ section, local map footer, clean content rhythm
Accent behavior: use #EC652B only on one active CTA and one small navigation or signal marker
Text policy: pseudo-text only
Output notes: clearly desktop within mobile workflow, not crowded
No stock-photo look, no faces, no mascots, no photoreal people, no medical cross as hero symbol, no stethoscope cliché, no map-pin as the main logo idea, no AI purple, no neon, no glossy gradients, no blue glows, no decorative particles, no fantasy dashboard clutter, no generic three-card SaaS layout, no bubbly consumer-health UI, no oversized KPI tiles, no clipart, only #EC652B as the accent color.

04d. Landing page schema-validation screen#

Quiet Signal / Rise visual DNA. Swiss editorial product illustration or product-interface render for appointment-led Indian local business software. Paper White #F6F6F8 canvas, Card White #FFFFFF surfaces, Deep Ink #011821 structure and typography, Graphite #3B3E47 secondary information, Mist #E3E4E8 guides and borders, single Ember Orange #EC652B reserved only for directional signal, active flow, booked outcome, and the logic of the RankFlow Rise mark. Precision 1.5px linework, orthographic or shallow isometric at most, asymmetrical left-weighted composition, strict 12-column grid, 4px spacing discipline, 8px UI radius, high-end grotesk typography equivalent to Suisse Intl and Suisse Intl Mono if labels are unavoidable, calm premium whitespace, no decorative clutter, export-clean.
Asset: schema and technical validation screen
Format: 375x812 portrait
Layout: stacked technical status rows with clear hierarchy
Subject: validation view for FAQ schema, map entity, review entity, page health, and publishing readiness
Elements: status rows, code-like blocks, entity modules, check states, one processing state
Accent behavior: use #EC652B only on one active processing row; use Forest Teal only on verified checks
Text policy: mono pseudo-labels only
Output notes: technical but elegant, never hacker-ish
No stock-photo look, no faces, no mascots, no photoreal people, no medical cross as hero symbol, no stethoscope cliché, no map-pin as the main logo idea, no AI purple, no neon, no glossy gradients, no blue glows, no decorative particles, no fantasy dashboard clutter, no generic three-card SaaS layout, no bubbly consumer-health UI, no oversized KPI tiles, no clipart, only #EC652B as the accent color.

05. GBP and social workflow plate#

Quiet Signal / Rise visual DNA. Swiss editorial product illustration or product-interface render for appointment-led Indian local business software. Paper White #F6F6F8 canvas, Card White #FFFFFF surfaces, Deep Ink #011821 structure and typography, Graphite #3B3E47 secondary information, Mist #E3E4E8 guides and borders, single Ember Orange #EC652B reserved only for directional signal, active flow, booked outcome, and the logic of the RankFlow Rise mark. Precision 1.5px linework, orthographic or shallow isometric at most, asymmetrical left-weighted composition, strict 12-column grid, 4px spacing discipline, 8px UI radius, high-end grotesk typography equivalent to Suisse Intl and Suisse Intl Mono if labels are unavoidable, calm premium whitespace, no decorative clutter, export-clean.
Asset: GBP and social automation workflow plate
Format: 600x800 portrait
Layout: vertical workflow board with disciplined spacing and one primary flow path
Subject: review-to-reply-to-approval-to-publish system
Elements: five stacked workflow nodes, line icons, branch outputs to Google and social platforms, small review and approval modules, no collage
Accent behavior: use #EC652B only on the active route and one approval point; use Forest Teal only on published or verified states
Text policy: structural pseudo-labels only
Output notes: clean systems diagram, no particles, no animation baked in
No stock-photo look, no faces, no mascots, no photoreal people, no medical cross as hero symbol, no stethoscope cliché, no map-pin as the main logo idea, no AI purple, no neon, no glossy gradients, no blue glows, no decorative particles, no fantasy dashboard clutter, no generic three-card SaaS layout, no bubbly consumer-health UI, no oversized KPI tiles, no clipart, only #EC652B as the accent color.

06. AI engine response phone screen#

Quiet Signal / Rise visual DNA. Swiss editorial product illustration or product-interface render for appointment-led Indian local business software. Paper White #F6F6F8 canvas, Card White #FFFFFF surfaces, Deep Ink #011821 structure and typography, Graphite #3B3E47 secondary information, Mist #E3E4E8 guides and borders, single Ember Orange #EC652B reserved only for directional signal, active flow, booked outcome, and the logic of the RankFlow Rise mark. Precision 1.5px linework, orthographic or shallow isometric at most, asymmetrical left-weighted composition, strict 12-column grid, 4px spacing discipline, 8px UI radius, high-end grotesk typography equivalent to Suisse Intl and Suisse Intl Mono if labels are unavoidable, calm premium whitespace, no decorative clutter, export-clean.
Asset: mobile answer-engine result showing a surfaced clinic
Format: 375x812 portrait
Layout: front-on mobile search result or answer card hierarchy
Subject: AI-engine answer interface with one recommended clinic as the obvious local choice
Elements: search query block, clinic recommendation card, trust indicators, address row, review module, call or book action
Accent behavior: use #EC652B only on the call or book action and one active response marker; use Forest Teal only for verified trust
Text policy: no meaningful readable claims, especially no “best doctor”
Output notes: trustworthy, non-promotional, product-buildable
No stock-photo look, no faces, no mascots, no photoreal people, no medical cross as hero symbol, no stethoscope cliché, no map-pin as the main logo idea, no AI purple, no neon, no glossy gradients, no blue glows, no decorative particles, no fantasy dashboard clutter, no generic three-card SaaS layout, no bubbly consumer-health UI, no oversized KPI tiles, no clipart, only #EC652B as the accent color.

07. Results dashboard mockup#

Quiet Signal / Rise visual DNA. Swiss editorial product illustration or product-interface render for appointment-led Indian local business software. Paper White #F6F6F8 canvas, Card White #FFFFFF surfaces, Deep Ink #011821 structure and typography, Graphite #3B3E47 secondary information, Mist #E3E4E8 guides and borders, single Ember Orange #EC652B reserved only for directional signal, active flow, booked outcome, and the logic of the RankFlow Rise mark. Precision 1.5px linework, orthographic or shallow isometric at most, asymmetrical left-weighted composition, strict 12-column grid, 4px spacing discipline, 8px UI radius, high-end grotesk typography equivalent to Suisse Intl and Suisse Intl Mono if labels are unavoidable, calm premium whitespace, no decorative clutter, export-clean.
Asset: results and proof dashboard mockup
Format: 800x600 landscape
Layout: front-on UI with calm hierarchy, one dark rail, light evidence panels, asymmetrical information grouping
Subject: ranking proof and visibility results inside the RankFlow product
Elements: ranking trend, citation live-status, review health, social reach, AI-engine mentions, weekly digest cue, evidence modules
Accent behavior: use #EC652B only on one active ranking event or booked-outcome marker; use Forest Teal on verified gains; optional Sky Blue or Lavender only as secondary chart series
Text policy: pseudo-data only, no fake case-study copy
Output notes: evidence-led, premium, quiet, no flashy KPI wall
No stock-photo look, no faces, no mascots, no photoreal people, no medical cross as hero symbol, no stethoscope cliché, no map-pin as the main logo idea, no AI purple, no neon, no glossy gradients, no blue glows, no decorative particles, no fantasy dashboard clutter, no generic three-card SaaS layout, no bubbly consumer-health UI, no oversized KPI tiles, no clipart, only #EC652B as the accent color.

Not For Image Generation#

• RankFlow logo and mark
• customer logos
• backer logos
• compliance badges
• Section 1A diagram
• Section 3 loop / Lottie / SVG system

Those should be sourced or built directly in code.

Recommended Image-Gen Order#

1. 01 Hero cityscape plate
2. 02 OG background plate
3. 03 Citation dashboard mockup
4. 07 Results dashboard mockup
5. 05 GBP and social workflow plate
6. 06 AI engine response phone screen
7. 04a 04b 04c 04d landing-page screens