
Design UI / UX
Section Hero de Landing Page B2B SaaS
Génère une section hero B2B SaaS moderne avec cartes néomorphiques, graphiques et logos clients. Personnalisez la marque, les accroches et les métriques.
b2b saassection herodesign ui-uxlanding pagewebdesignmaquette figma
Prompt
{
"type": "modern B2B SaaS landing page hero design",
"brand": {
"name": "[Atlas GTM]",
"logo": "dark navy circular mark with a white abstract compass/letter A icon",
"visual_style": "premium, minimal, conversion-focused, soft white background with pale lavender and peach gradient glow, subtle topographic contour lines, rounded glassmorphism cards, deep navy typography, electric blue accent color"
},
"layout": {
"canvas": "wide desktop website screenshot, 16:9 aspect ratio, generous whitespace, polished Figma-style web design",
"header": {
"position": "top",
"count": 6,
"items": [
"logo and Atlas GTM wordmark on the left",
"What We Do",
"Who We Help",
"How It Works",
"Results",
"Resources"
],
"cta": "Book a Strategy Call with right arrow, dark navy rounded pill button at top right"
},
"hero_left": {
"position": "left half",
"eyebrow": "MAP. MESSAGE. MEETINGS.",
"headline": "[We build the map from your product to your most valuable buyers.]",
"headline_treatment": "large bold dark navy sans serif, with the words 'the map' highlighted in vivid blue",
"body": "[Atlas GTM gives B2B companies a precise, tested system to generate more pipeline, without guesswork or reliance on referrals.]",
"buttons": {
"count": 2,
"items": [
"Book a Strategy Call, dark navy filled button with arrow",
"See How It Works, white outlined button with small diamond icon"
]
}
},
"hero_right": {
"position": "right half",
"card_count": 4,
"cards": [
{
"description": "large white core belief card near upper center",
"text": "Know where you’re going. Move with precision.",
"badge": "Core Belief",
"graphic": "dotted curved path with small circular nodes and one filled blue endpoint"
},
{
"description": "dark navy map panel behind the cards on the right",
"icons_count": 3,
"icons": [
"target/crosshair icon",
"audience/group icon",
"growth chart icon"
],
"graphic": "subtle contour map lines and dotted route"
},
{
"description": "white analytics card in front lower right",
"metric": "2.4x",
"title": "Meetings Booked",
"subtitle": "(per 1,000 contacts)",
"caption": "Increase after 6 months with Atlas GTM",
"chart": "blue rising line chart labeled Month 1, Month 3, Month 6"
},
{
"description": "horizontal feature strip below analytics card",
"feature_count": 4,
"features": [
"Territory Mapping",
"Message Testing",
"Reply Analysis",
"System Compounding"
]
}
]
},
"trust_bar": {
"position": "bottom center",
"heading": "TRUSTED BY B2B SAAS & CONSULTING COMPANIES",
"logo_count": 6,
"logos": [
"fuse",
"Nexora",
"Northline",
"Vectorly",
"Clariovue",
"Summit Labs"
]
}
},
"typography": {
"font": "clean modern sans serif similar to Inter or Satoshi",
"colors": "dark navy, muted slate gray, bright royal blue, soft lavender"
},
"rendering_instructions": "Create a high-fidelity SaaS website landing page mockup, not a browser frame. Keep text crisp and readable, align elements precisely to a grid, use soft shadows, rounded corners, subtle blur, and a premium venture-backed startup aesthetic. The overall feeling should be strategic, precise, trustworthy, and modern."
}Ce que vous pouvez personnaliser
Avant de générer, remplacez ces parties du prompt par votre propre sujet ou texte.
[Atlas GTM]espace réservé
Détails du prompt
- Catégorie
- Design UI / UX
- Modèle
- GPT IMAGE 2
- Coût par image
- 1K : 43 crédits · 2K : 86 crédits · 4K : 143 crédits
- Format
- 16:9
- Ajouté le