Copy-ready prompt
{ "type": "Modern B2B SaaS Landing Page Hero Zone Design", "brand": { "name": "{argument name=\"company name\" default=\"Atlas GTM\"}", "logo": "A dark blue circular logo with a white abstract compass/letter A icon.", "visual_style": "High-end, minimalist, and transformation-oriented, with a soft white background featuring a gradient halo of pale purple and peach, subtle contour lines, rounded corners mimicking glass cards, deep blue typography, and electric blue accent color." }, "layout": { "canvas": "Widescreen desktop website screenshot, 16:9 aspect ratio, ample white space, exquisite Figma-style web design.", "header": { "position": "top", "count": 6, "items": [ "The logo and Atlas GTM lettering on the left side", "What we do", "Whom do we help?", "Operating methods", "Results", "resource" ], "cta": "Appointment strategy consultation (with right arrow), dark blue rounded capsule button in the upper right corner." }, "hero_left": { "position": "left half", "eyebrow": "Planning, Communication, Meeting", "headline": "{argument name=\"headline text\" default=\"We build a roadmap for you from your product to high-value buyers.\"}", "headline_treatment": "Large, bold, dark blue sans-serif font, with the word \"Roadmap\" highlighted in bright blue.", "body": "{argument name=\"body text\" default=\"Atlas GTM provides B2B businesses with a precise, proven system to help generate more sales leads without guesswork or reliance on recommendations.\"}", "buttons": { "count": 2, "items": [ "Appointment strategy consultation, dark blue solid button with arrow", "To see how it works, use the white outline button with a small diamond icon." ] } }, "hero_right": { "position": "right half", "card_count": 4, "cards": [ { "description": "The white core concept card located in the upper right corner", "text": "Define your goals and take precise actions.", "badge": "Core Concepts", "graphic": "A dashed curved path with small circular nodes and a solid blue endpoint." }, { "description": "The dark blue map panel behind the card on the right", "icons_count": 3, "icons": [ "Target/crosshair icon", "Audience/Group Icons", "Growth chart icon" ], "graphic": "Subtle contour lines and dashed paths on the map" }, { "description": "The white analysis card in the lower right corner", "metric": "2.4x", "title": "Meeting already scheduled", "subtitle": "(per 1,000 contacts)", "caption": "Growth after 6 months of using Atlas GTM", "chart": "The blue rising line chart is marked with the months 1, 3, and 6." }, { "description": "Analyze the horizontal function bar below the card", "feature_count": 4, "features": [ "Regional planning", "Information testing", "Response Analysis", "System compound growth" ] } ] }, "trust_bar": { "position": "Centered at the bottom", "heading": "Trusted by B2B SaaS and consulting companies", "logo_count": 6, "logos": [ "fuse", "Nexora", "Northline", "Vectorly", "Clariovue", "Summit Labs" ] } }, "typography": { "font": "A clean, modern sans-serif font, similar to Inter or Satoshi.", "colors": "Deep blue, soft slate gray, bright royal blue, soft pale purple" }, "rendering_instructions": "Create a high-fidelity SaaS website landing page mockup, not a browser frame. Keep the text clear and legible, elements precisely aligned to the grid, and use soft shadows, rounded corners, subtle blur effects, and the aesthetics of a high-end venture capital startup. The overall feel should reflect strategy, precision, credibility, and modernity." }
Prompt breakdown
{ "type": "Modern B2B SaaS Landing Page Hero Zone Design", "brand": { "name": "{argument name=\"company name\" default=\"Atlas GTM\"}", "logo": "A dark blue circular logo with a white abstract compass/letter A icon.", "visual_style": "High-end, minimalist, and transformation-oriented, with a soft white background featuring a gradient halo of pale purple and peach, subtle contour lines, rounded corners mimicking glass cards, deep blue typography, and electric blue accent color." }, "layout": { "canvas": "Widescreen desktop website screenshot, 16:9 aspect ratio, ample white space, exquisite Figma-style web design.", "header": { "position": "top", "count": 6, "items": [ "The logo and Atlas GTM lettering on the left side", "What we do", "Whom do we help?", "Operating methods", "Results", "resource" ], "cta": "Appointment strategy consultation (with right arrow), dark blue rounded capsule button in the upper right corner." }, "hero_left": { "position": "left half", "eyebrow": "Planning, Communication, Meeting", "headline": "{argument name=\"headline text\" default=\"We build a roadmap for you from your product to high-value buyers.\"}", "headline_treatment": "Large, bold, dark blue sans-serif font, with the word \"Roadmap\" highlighted in bright blue.", "body": "{argument name=\"body text\" default=\"Atlas GTM provides B2B businesses with a precise, proven system to help generate more sales leads without guesswork or reliance on recommendations.\"}", "buttons": { "count": 2, "items": [ "Appointment strategy consultation, dark blue solid button with arrow", "To see how it works, use the white outline button with a small diamond icon." ] } }, "hero_right": { "position": "right half", "card_count": 4, "cards": [ { "description": "The white core concept card located in the upper right corner", "text": "Define your goals and take precise actions.", "badge": "Core Concepts", "graphic": "A dashed curved path with small circular nodes and a solid blue endpoint." }, { "description": "The dark blue map panel behind the card on the right", "icons_count": 3, "icons": [ "Target/crosshair icon", "Audience/Group Icons", "Growth chart icon" ], "graphic": "Subtle contour lines and dashed paths on the map" }, { "description": "The white analysis card in the lower right corner", "metric": "2.4x", "title": "Meeting already scheduled", "subtitle": "(per 1,000 contacts)", "caption": "Growth after 6 months of using Atlas GTM", "chart": "The blue rising line chart is marked with the months 1, 3, and 6." }, { "description": "Analyze the horizontal function bar below the card", "feature_count": 4, "features": [ "Regional planning", "Information testing", "Response Analysis", "System compound growth" ] } ] }, "trust_bar": { "position": "Centered at the bottom", "heading": "Trusted by B2B SaaS and consulting companies", "logo_count": 6, "logos": [ "fuse", "Nexora", "Northline", "Vectorly", "Clariovue", "Summit Labs" ] } }, "typography": { "font": "A clean, modern sans-serif font, similar to Inter or Satoshi.", "colors": "Deep blue, soft slate gray, bright royal blue, soft pale purple" }, "rendering_instructions": "Create a high-fidelity SaaS website landing page mockup, not a browser frame.
Keep the text clear and legible, elements precisely aligned to the grid, and use soft shadows, rounded corners, subtle blur effects, and the aesthetics of a high-end venture capital startup.
The overall feel should reflect strategy, precision, credibility, and modernity." }
Avoid brand logos and review licensing before commercial use.









