AI Prompt for Web Design - Generate Infographic-Style Webpage Mockup with Instructional Steps

AI Prompt for Web Design - Generate Infographic-Style Webpage Mockup with Instructional Steps

This AI prompt generates a detailed webpage mockup in the style of wikiHow, complete with instructional steps and embedded UI elements. Ideal for web designers looking to create informative and engaging mockups for clients or personal projects. The generated output can be used as a reference or a starting point for further design development.

Main AI Prompt

Main Prompt Content
"{ "type": "wikiHow article mockup", "header": { "background": "green", "elements": [ "hamburger menu icon", "wikiHow logo", "search bar with 'Search how to...' text", "5 navigation icons: PRO/PPRO, QUIZZES, EDIT, EXPLORE, LOG IN" ] }, "breadcrumbs": "HOME » CATEGORIES » COMPUTERS AND ELECTRONICS » INTERNET » CHATGPT", "article_info": { "title": "{argument name=\"article title\" default=\"How To Use GPT-Image 2\"}", "metadata": "Written by wikiHow Staff | Updated: June 10, 2024", "sidebar": [ "PDF Download Article button", "METHODS box: 1 Using GPT-Image 2 on Arena.ai" ] }, "intro_box": "GPT-Image 2 is OpenAI's most advanced AI image generator. It creates high-quailly, detailed, and accurate images from your text prompts. This wikiHow will show you how to try GPT-Image 2 for free on arena.ai.", "steps": [ { "number": 1, "title": "{argument name=\"step 1 title\" default=\"Go to arena.ai.\"}", "description": "Open your web browser and navigate to https://arena.ai. Arena is a platform where you can compare and try thousands of AI models, including OpenAI's latest image generator.", "embedded_image": { "type": "dark mode website UI mockup", "logo": "arena", "navigation": ["Battle", "Side-by-Side", "Direct Chat", "Leaderboard", "Community", "Sign In", "Sign Up button"], "hero_text": "The world's largest arena for AI models", "input_ui": { "model_dropdown": "Model: {argument name=\"model name\" default=\"duct-tape-3\"}", "settings": "Default", "text_input": "Enter your prompt here...", "button": "Run" } } }, { "number": 2, "title": "{argument name=\"step 2 title\" default=\"Select the model 'duct-tape-3.'\"}", "description": "Click the Model dropdown menu and choose 'duct-tape-3.' Duct-tape-3 is the name Arena uses for GPT-Image 2, OpenAI's most capable image generation model." }, { "number": 3, "title": "{argument name=\"step 3 title\" default=\"Prompt it.\"}", "description": "Type your prompt in the box and click Run. GPT-Image 2 will generate an image based on your description.", "tip_box": "TIP GPT-Image 2 is the best AI image generator because it produces incredibly detailed, accurate, and high-quality images, handles text well, follows complex instructions, and has a deep understanding of the world." } ] }"

You might also like

Hand-picked related prompts from Infographic Design.

Browse Gallery
AI Prompt for Dark Mode UI Design System with Space Theme
UI Design By cheaty

AI Prompt for Dark Mode UI Design System with Space Theme

design UI space Theme Dark Mode
"{ "type": "UI Design System", "theme": "dark mode, space-inspired, glowing accents", "header": { "label": "DES..."
AI Prompt for Commercial-Style Infographic with Hair Product Elements
Product By Minahil

AI Prompt for Commercial-Style Infographic with Hair Product Elements

product Infographic marketing Edu
{ "camera_settings": { "lens": "85mm f/1.8", "perspective": "Eye-level portrait", "depth_of_field": "Shall...
Premium
Unlock this prompt
AI Prompt for Lifting Female Figure Pose with Exhausted Determination

AI Prompt for Lifting Female Figure Pose with Exhausted Determination

design fitness gym
"{ "title": "Gym Exhaustion After Heavy Lifting", "description": "A woman lies face down on a gym platform floor afte..."

Latest Discoveries

Explore our most recently added high-quality AI prompts.

AI Prompt: Create an Engaging Edu Visual Image of a Classroom Projector
Edu Visuals By AIxHunter

AI Prompt: Create an Engaging Edu Visual Image of a Classroom Projector

photography Infographic EduVisual
A realistic photograph taken from the audience in a dimly lit university lecture hall, looking over the backs of the hea...
Premium
Unlock this prompt
AI Prompt for K-Pop Idol Portrait in Ultra-Realistic Fashion

AI Prompt for K-Pop Idol Portrait in Ultra-Realistic Fashion

portrait ai art social media
"この人物の顔のみに使用して下記のプロンプトへ適用させてください 実際のモデル撮影のように表情を変えながら9種類の異なるアン..."
AI Prompt for Sci-Fi/Fantasy 3D Art and Illustration
Sci-Fi/Fantasy By 七表哥

AI Prompt for Sci-Fi/Fantasy 3D Art and Illustration

Illustration Infographic 3d render
"An expert astronomer's museum-grade presentation board for a supermassive black hole — event horizon, glowing accretion..."