
Étude de cas sur l'interface utilisateur marketing en mode sombre
Une maquette de page d'accueil complète et riche en données pour une agence de marketing, comprenant des chronologies, des graphiques et des accents néon lumineux.
Il s'agit d'un exemple de visuel pour la catégorie { GPT Image 2 Graphique et affiche . Utilisez le visuel ci-dessous pour générer des éléments visuels similaires et vérifiez les conditions d'utilisation (attribution Awesome GPT Image 2 Prompts et droits d'utilisation commerciale) avant toute réutilisation.
Free 1K preview
Generate one preview image instantly, no sign-up required.
Prompt
invite prête à être copiée
{
"type": "UI/UX landing page mockup",
"theme": "dark mode, sleek modern aesthetic, glassmorphism, {argument name=\"primary accent color\" default=\"neon purple and blue\"} glowing accents",
"header": {
"logo": "{argument name=\"brand name\" default=\"goViralX\"}",
"badge": "Viral marketing campaign case study"
},
"sections": [
{
"id": "hero",
"layout": "Left text, right image layout",
"content": {
"badge": "Case study",
"headline": "{argument name=\"hero headline\" default=\"How We Created 10M+ Viral Impact\"}",
"subtitle": "Explode online in 3 days and help your brand achieve exponential growth",
"stats_row": {
"count": 4,
"labels": [
"Total views {argument name=\"main metric\" default=\"10,240,000+\"}",
"Engagement rate 18.7%",
"Conversions 3,200+",
"Execution cycle 72 hours"
]
},
"hero_image": "Movie-quality shots showing a person in a darkroom watching a glowing, suspended video screen with a large play button overlay"
}
},
{
"id": "strategy",
"title": "Event Breakdown: Our 3-Day Execution Strategy",
"layout": "3-Step Vertical Timeline",
"steps": [
{
"step": 1,
"title": "Strategy Development",
"image": "People analyzing data on a screen"
},
{
"step": 2,
"title": "Content Creation",
"image": "Video Editing Interface"
},
{
"step": 3,
"title": "Distribution & Amplification",
"image": "Hand holding a smartphone with social media icons"
}
]
},
{
"id": "performance",
"title": "Effect Evaluation: Data-Driven Performance",
"layout": "Left-side statistics card grid, right-side chart",
"left_stats": {
"count": 4,
"labels": [
"Total impressions 10 million+",
"Average CPM down 43%",
"New followers 28,000+",
"Conversions 3,200+"
]
},
"right_charts": {
"count": 2,
"items": [
"Line chart shows 7-day trend, peaking at 8,320,000 on day 3",
"Horizontal bar chart showing platform distribution: TikTok 52%, Instagram 24%, X 15%, YouTube 9%"
]
}
},
{
"id": "keys_to_success",
"title": "Why things go viral: The 3 key ingredients for success",
"layout": "3 cards arranged horizontally",
"cards": [
{
"icon": "fire",
"title": "Emotional hook design"
},
{
"icon": "bullseye",
"title": "Content structure design"
},
{
"icon": "antenna",
"title": "Distribution Strategy Execution"
}
]
},
{
"id": "social_proof",
"title": "Trusted by Creators & Brands: They're all using goViralX to grow",
"layout": "Logo on the left, customer testimonials on the right",
"left_logos": {
"count": 8,
"labels": [
"SHEIN",
"SHOPLINE",
"Blueglass",
"instacart",
"lemon8",
"mi",
"CIDER",
"bellroy"
]
},
"right_testimonials": {
"count": 2,
"labels": [
"SaaS Founder Reviews",
"Growth Manager Reviews"
]
}
},
{
"id": "cta",
"title": "Ready to go viral? Want the same growth?",
"layout": "Text on the left and input field, 3D illustration on the right",
"elements": [
"Input field with placeholder text",
"Button: {argument name=\"call to action text\" default=\"Get a custom growth plan ->\"}"
],
"image": "3D glowing purple and blue rocket launch"
}
],
"footer": "Logo and copyright statement text"
}Variables d'invite
Espaces réservés aux arguments modifiables présents dans l'invite, avec leurs valeurs par défaut.
Best for
- - Graphique et affiche visual exploration
- - Image generation and reference-image edits
- - Reusable briefs that keep source attribution visible
Change these parts
- - Subject, product, character, or scene
- - Aspect ratio, camera, lighting, and background
- - Brand, text, color, and output constraints
Recommended model and settings
- - Model: gpt-image-2
- - Input mode: Texte vers image
- - Aspect ratio: source
- - Commercial status: review original source
How to use this prompt
- 1. Copy the prompt and preserve its structure for the first test.
- 2. Replace the subject, context, and publishing channel.
- 3. Change one camera, lighting, or style variable per iteration.
- 4. Inspect the output, source, text, and rights before reuse.
Limitations, source, and reuse cautions
- - Generated output is an editable draft, not factual, legal, or rights evidence.
- - Review the linked source, people, brands, logos, text, and third-party media before commercial use.
Plus de cas dans cette catégorie
Priorisé par catégorie, compatibilité du mode d'entrée, qualité et risque moindre.






Réutilisation et notes de source
Utilisez cette invite en toute sécurité après avoir prévisualisé le dossier.
- 1.Copiez l'invite ou ouvrez-la directement dans Dovoo avec le bouton de génération.
- 2.Ajustez les variables, le format d'image et les images de référence en fonction de votre cas d'utilisation.
- 3.Avant toute publication ou utilisation payante, vérifiez les droits d'auteur, les exigences d'attribution et les risques liés à la marque ou à l'image.