Atlas GTM SaaS Hero Landing Page

{ "type": "Modernes Hero-Zone-Design für B2B-SaaS-Landingpages", "brand": { "name": "{argument name=\"Firmenname\" default=\"Atlas GTM\"}", "logo": "Ein dunkelblaues, kreisförmiges Logo mit einem weißen, abstrakten Kompass-/Buchstaben-A-Symbol.", "visual_style": "Hochwertig, minimalistisch und transformationsorientiert, mit einem sanften weißen Hintergrund, der einen Farbverlauf in Hellviolett und Pfirsich aufweist, dezenten Konturlinien, abgerundeten Ecken, die an Glaskarten erinnern, tiefblauer Typografie und einer Akzentfarbe in Elektroblau." }, "layout": { "canvas": "Screenshot einer Desktop-Website im Breitbildformat, 16:9-Seitenverhältnis, viel Weißraum, elegantes Webdesign im Figma-Stil.", "header": { "position": "top", "count": 6, "items": [ "Logo und Atlas GTM-Schriftzug auf der linken Seite", "Was wir tun", "Wem helfen wir?", "Arbeitsmethoden", "Ergebnisse", "Ressource" ], "cta": "Beratung zur Terminvereinbarung (mit Pfeil nach rechts), dunkelblauer, abgerundeter Kapsel-Button in der oberen rechten Ecke." }, "hero_left": { "position": "linke Hälfte", "eyebrow": "Planung, Kommunikation, Meeting", "headline": "{argument name=\"Überschriftentext\" default=\"Wir erstellen für Sie eine Roadmap von Ihrem Produkt bis hin zu wertvollen Käufern.\"}", "headline_treatment": "Große, fette, dunkelblaue serifenlose Schriftart, wobei das Wort "Roadmap\" hellblau hervorgehoben ist.", "body": "{argument name=\"Textkörpertext\" default=\"Atlas GTM bietet B2B-Unternehmen ein präzises, bewährtes System, um mehr Vertriebsleads zu generieren – ohne Rätselraten oder Empfehlungen."}", "buttons": { "count": 2, "items": [ "Beratung zur Terminstrategie, dunkelblauer Button mit Pfeil", "Um zu sehen, wie es funktioniert, verwenden Sie den Button mit weißem Rahmen und kleinem Diamantsymbol." ] } }, "hero_right": { "position": "rechte Hälfte", "card_count": 4, "cards": [ { "description": "Die weiße Kernkonzeptkarte befindet sich in der oberen rechten Ecke", "text": "Definieren Sie Ihre Ziele und ergreifen Sie präzise Maßnahmen.", "badge": "Kernkonzepte", "graphic": "Ein gestrichelter, gebogener Pfad mit kleinen kreisförmigen Knoten und einem durchgezogenen blauen Endpunkt." }, { "description": "Das dunkelblaue Kartenfeld hinter der Karte rechts", "icons_count": 3, "icons": [ "Ziel-/Fadenkreuzsymbol", "Zielgruppen-/Gruppensymbole", "Wachstumsdiagrammsymbol" ], "graphic": "Dezente Konturlinien und gestrichelte Pfade auf der Karte" }, { "description": "Die weiße Analysekarte in der unteren rechten Ecke", "metric": "2,4x", "title": "Bereits geplantes Meeting", "subtitle": "(pro 1.000 Kontakte)", "caption": "Wachstum nach 6 Monaten Nutzung von Atlas GTM", "chart": "Das blaue, ansteigende Liniendiagramm ist mit den Monaten 1, 3 und 6 markiert." }, { "description": "Analysieren Sie die horizontale Funktionsleiste unterhalb der Karte", "feature_count": 4, "features": [ "Regionalplanung", "Informationstests", "Reaktionsanalyse", "Systemwachstum" ] } ] }, "trust_bar": { "position": "Mittig am unteren Rand", "heading": "Vertrauenswürdig durch B2B-SaaS- und Beratungsunternehmen", "logo_count": 6, "logos": [ "fuse", "Nexora", "Northline", "Vectorly", "Clariovue", "Summit Labs" ] } }, "typography": { "font": "Eine klare, moderne serifenlose Schriftart, ähnlich wie Inter oder Satoshi.", "colors": "Dunkelblau, sanftes Schiefergrau, leuchtendes Königsblau, zartes Hellviolett" }, "rendering_instructions": "Erstellen Sie ein hochauflösendes Mockup einer SaaS-Website-Landingpage, kein Browser-Frame. Achten Sie auf klaren und lesbaren Text und Die Elemente sollen gut lesbar und präzise am Raster ausgerichtet sein. Sanfte Schatten, abgerundete Ecken, subtile Unschärfeeffekte und die Ästhetik eines hochwertigen Venture-Capital-Startups sollen zum Einsatz kommen. Der Gesamteindruck soll Strategie, Präzision, Glaubwürdigkeit und Modernität widerspiegeln.