Atlas GTM SaaS Hero landingspagina

{ "type": "Modern B2B SaaS landingspagina hero zone ontwerp", "brand": { "name": "{argument name=\"bedrijfsnaam\" default=\"Atlas GTM\"}", "logo": "Een donkerblauw cirkelvormig logo met een wit abstract kompas/letter A-icoon.", "visual_style": "Hoogwaardig, minimalistisch en transformatiegericht, met een zachte witte achtergrond met een verloop van lichtpaars en perzik, subtiele contourlijnen, afgeronde hoeken die glazen kaarten nabootsen, diepblauwe typografie en een elektrisch blauwe accentkleur." }, "layout": { "canvas": "Screenshot van een breedbeeld desktopwebsite, beeldverhouding 16:9, veel witruimte, prachtig webdesign in Figma-stijl.", "header": { "position": "top", "count": 6, "items": [ "Het logo en de Atlas GTM-tekst aan de linkerkant", "Wat we doen", "Wie helpen we?", "Werkwijze", "Resultaten", "bron" ], "cta": "Adviesgesprek over een afspraakstrategie (met pijl naar rechts), donkerblauwe afgeronde capsuleknop in de rechterbovenhoek." }, "hero_left": { "position": "linkerhelft", "wenkbrauw": "Planning, Communicatie, Vergadering", "kopregel": "{argument name=\"kopregeltekst\" default=\"Wij bouwen een routekaart voor u van uw product naar waardevolle kopers.\"}", "kopregelbehandeling": "Groot, vetgedrukt, donkerblauw schreefloos lettertype, met het woord \"Routekaart\" gemarkeerd in felblauw.", "tekst": "{argument name=\"tekst\" default=\"Atlas GTM biedt B2B-bedrijven een nauwkeurig, bewezen systeem om meer verkoopkansen te genereren zonder giswerk of afhankelijkheid van aanbevelingen.\"}", "knoppen": { "aantal": 2, "items": [ "Consultatie over afspraakstrategie, donkerblauwe effen knop met pijl", "Gebruik de witte omlijnde knop met een klein diamantpictogram om te zien hoe het werkt." ] } }, "hero_right": { "position": "rechterhelft", "card_count": 4, "cards": [ { "description": "De witte kernconceptkaart in de rechterbovenhoek", "text": "Definieer je doelen en onderneem precieze acties.", "badge": "Kernconcepten", "graphic": "Een gestippeld gebogen pad met kleine cirkelvormige knooppunten en een effen blauw eindpunt." }, { "description": "Het donkerblauwe kaartpaneel achter de kaart rechts", "icons_count": 3, "icons": [ "Doel/kruis-icoon", "Publiek/Groep-iconen", "Groeigrafiek-icoon" ], "graphic": "Subtiele contourlijnen en stippellijnen op de kaart" }, { "description": "De witte analysekaart in de rechterbenedenhoek", "metric": "2,4x", "title": "Reeds ingeplande vergadering", "subtitle": "(per 1.000 contacten)", "caption": "Groei na 6 maanden gebruik van Atlas GTM", "chart": "De blauwe stijgende lijngrafiek is gemarkeerd met de maanden 1, 3 en 6." }, { "description": "Analyseer de horizontale functiebalk onder de kaart", "feature_count": 4, "features": [ "Regionale planning", "Informatietesten", "Responsanalyse", "Systeemsamengestelde groei" ] } ] }, "trust_bar": { "position": "Gecentreerd onderaan", "heading": "Vertrouwd door B2B SaaS- en consultancybedrijven", "logo_count": 6, "logos": [ "fuse", "Nexora", "Northline", "Vectorly", "Clariovue", "Summit Labs" ] } }, "typography": { "font": "Een strak, modern schreefloos lettertype, vergelijkbaar met Inter of Satoshi.", "colors": "Diepblauw, zacht leigrijs, helder koningsblauw, zacht lichtpaars" }, "rendering_instructions": "Maak een high-fidelity mockup van een landingspagina voor een SaaS-website, geen browserframe." Zorg ervoor dat de tekst helder en leesbaar is, dat alle elementen precies op het raster zijn uitgelijnd en gebruik zachte schaduwen, afgeronde hoeken, subtiele vervagingseffecten en de esthetiek van een hoogwaardige durfkapitaalstartup. De algehele uitstraling moet strategie, precisie, geloofwaardigheid en moderniteit weerspiegelen.