{"slug":"visual-hero-section-blueprint-for-designers","title":"Visual Hero Section Blueprint for Designers","description":"Generate a complete, design‑ready hero section layout and a DALL·E‑compatible image prompt, letting UI/UX designers jump from concept to mock‑up in minutes.","author":{"username":"alexr_design","name":"Alex Rivera"},"url":"https://onaiagents.com/p/visual-hero-section-blueprint-for-designers","repo_clone_url":"https://onaiagents.com/p/visual-hero-section-blueprint-for-designers.repo","raw_url":"https://onaiagents.com/p/visual-hero-section-blueprint-for-designers.txt","markdown_url":"https://onaiagents.com/p/visual-hero-section-blueprint-for-designers.md","archive_url":"https://onaiagents.com/p/visual-hero-section-blueprint-for-designers.zip","models":["gpt-4o","claude-3.5-sonnet","gemini-1.5-flash"],"kind":"text","tags":["design","ui/ux","hero-section","visual-design","landing-page","creative-brief","designers","prompt-studio"],"stars":10,"views":0,"prompt":"## Prompt (Copy‑and‑paste)\n```\nYou are a senior UI/UX designer and creative director. Using the information provided, create a **Visual Hero Section Blueprint** for a landing‑page. The output must be a JSON object with two top‑level keys: `layout` and `image_prompt`.\n\n### Input placeholders (replace with your own values)\n- `{{product_name}}` – the name of the product or service.\n- `{{target_audience}}` – a brief description of the primary user persona (e.g., \"young tech‑savvy professionals\").\n- `{{brand_adjectives}}` – three to five adjectives that define the brand voice and visual style (e.g., \"minimalist, vibrant, trustworthy\").\n- `{{key_value_proposition}}` – one sentence that captures the core benefit.\n\n### Tasks\n1. **Layout generation** – define hierarchy, typography, color palette, spacing, and suggested UI components (headline, sub‑headline, CTA button, supporting graphic). Include accessibility notes (contrast ratio, ARIA label suggestions) and SEO‑friendly HTML tag recommendations.\n2. **Image prompt creation** – craft a single DALL·E‑3 / Stable Diffusion prompt that visualizes the hero background or illustration. The prompt must specify:\n   - lighting, composition, perspective\n   - dominant colors matching the palette\n   - style cues derived from `{{brand_adjectives}}`\n   - any focal objects or scenes relevant to `{{key_value_proposition}}`\n\n### Output format (must be valid JSON)\n```json\n{\n  \"layout\": {\n    \"headline\": \"<string>\",\n    \"sub_headline\": \"<string>\",\n    \"cta\": {\n      \"text\": \"<string>\",\n      \"style\": \"<primary|secondary>\",\n      \"aria_label\": \"<string>\"\n    },\n    \"typography\": {\n      \"font_family\": \"<string>\",\n      \"headline_weight\": \"<string>\",\n      \"body_weight\": \"<string>\"\n    },\n    \"color_palette\": {\n      \"primary\": \"#xxxxxx\",\n      \"secondary\": \"#xxxxxx\",\n      \"background\": \"#xxxxxx\",\n      \"accent\": \"#xxxxxx\"\n    },\n    \"spacing\": \"<e.g., 24px>\",\n    \"html_tags\": {\n      \"headline\": \"h1\",\n      \"sub_headline\": \"h2\",\n      \"cta\": \"button\"\n    },\n    \"accessibility\": \"<list of checks, e.g., contrast >= 4.5:1>\"\n  },\n  \"image_prompt\": \"<full DALL·E‑3 prompt string>\"\n}\n```\n\n### Quality bar\n- All text must be concise (≤ 20 words per field) and persuasive.\n- Colors must comply with WCAG AA contrast for headline vs. background.\n- The image prompt must be **safe‑for‑work** and avoid copyrighted brand assets.\n- No more than 300 total words in the entire JSON payload.\n\n### Constraints\n- Do **not** fabricate brand assets; rely only on the provided placeholders.\n- If any placeholder is missing, ask the user to fill it before proceeding.\n- Keep the response strictly JSON – no additional explanations.\n```","files":[{"filename":"file-1.txt","kind":"text","mime":"text/plain","size":289,"raw_url":"https://onaiagents.com/api/site/raw/visual-hero-section-blueprint-for-designers/file-1.txt"},{"filename":"file-2.txt","kind":"text","mime":"text/plain","size":322,"raw_url":"https://onaiagents.com/api/site/raw/visual-hero-section-blueprint-for-designers/file-2.txt"},{"filename":"file-3.txt","kind":"text","mime":"text/plain","size":411,"raw_url":"https://onaiagents.com/api/site/raw/visual-hero-section-blueprint-for-designers/file-3.txt"},{"filename":"file-4.txt","kind":"text","mime":"text/plain","size":243,"raw_url":"https://onaiagents.com/api/site/raw/visual-hero-section-blueprint-for-designers/file-4.txt"},{"filename":"sources.json","kind":"text","mime":"text/plain","size":223,"raw_url":"https://onaiagents.com/api/site/raw/visual-hero-section-blueprint-for-designers/sources.json"},{"filename":"thumbnail-source.txt","kind":"text","mime":"text/plain","size":145,"raw_url":"https://onaiagents.com/api/site/raw/visual-hero-section-blueprint-for-designers/thumbnail-source.txt"}],"updated_at":"2026-07-08T16:04:30.117421"}