Über diese Vorlage
Paradiso CTA hält den Entscheidungsweg fest: Hinter dem Eintrag Call-to-Action-Block stehen 1.665 Zeichen Briefing. „Enter your email address“ ist die Zeile, auf die das Layout gebaut ist. Die ganze Seite baut auf weiß #EFF3F4 darunter und tiefes limette #1B200B für die Schrift auf. Der Eintrag nennt den Stack, der die Seite erzeugt hat (eine eigenständige HTML-Datei), statt ihn zu verschweigen. Das Briefing gibt sein Bewegungsbudget für eine Videospur in Schleife aus. Es ist die richtige Referenz für eine Call-to-Action-Block, die auf dem ersten Bildschirm bewusst gesetzt wirken muss, und sie richtet sich an eine Reise- oder Tourismusmarke.
Gemacht für
- Teams, die Call-to-Action-Block-Designs für eine Reise- oder Tourismusmarke bauen und eine eigenständige HTML-Datei schriftlich festhalten wollen, bevor ein Angebot rausgeht.
- Produktmarketer, die brauchen, dass die Komposition (Call-to-Action-Block) auch mit 4,6s Video in Schleife hinter dem Text lesbar bleibt.
- Dieses Call-to-Action-Block-Design beantwortet die Frage, was Abstände in 15px-Schritten im Layout tatsächlich bewirken.
Was enthalten ist
- Nichts davon ist geerbt. Hier ist nichts geschätzt. Die Spezifikation legt Abstände in 15px-Schritten fest, und der Rest des Layouts leitet sich aus diesen Werten ab. Das Briefing nennt Werte und keine Proportionen, damit die Komposition ihre Verhältnisse behält, wenn der Text länger oder kürzer wird.
- Vollflächiges Video, keine Kachel. Ein Asset von 4,6s trägt den ganzen ersten Bildschirm, und die Seite hat kein zweites Medienelement, das synchron gehalten werden müsste. Exportiere in 2522x1858 oder breiter, dann funktioniert der Zuschnitt auf volle Abdeckung weiter. Exportiere bei 2522x1858 oder breiter, damit der Zuschnitt ehrlich bleibt.
- Werte zum Nachmessen. Die Abstände sind genauso zitiert (Abstände in 15px-Schritten) und nicht als Skala, die von selbst weiterwächst.
- Ein randloses Video hinter der Schrift. Das Poster bei 2522x1858 trägt die Komposition, wenn Autoplay nicht verfügbar ist, damit das Layout nicht zusammenfällt.
Bewegung & Interaktion
Die Schleife übernimmt die Grundbewegung
Der Hintergrundclip läuft 4,6s in 2522x1858 als Endlosschleife, stumm und inline, deshalb bewegt sich die Seite weiter, während die Aufmerksamkeit auf dem Text liegt. Eine Scroll-Bibliothek ist nicht nötig, denn die einzige Hintergrundbewegung ist das Medium selbst. Der Clip ist stumm und inline, das erste Bild ist also ohne Interaktion verfügbar.
Bewegung, die nicht stört
Diese Seite kommt als stehende Komposition in 2522x1858, die Hierarchie muss also ohne Bewegung funktionieren, und sie tut es. Die Komposition steht still, die Hierarchie muss die Seite also tragen, und sie tut es.
So wird der Eintrag Call-to-Action-Block deiner
Ein Template verlangt, dass du sein Layout akzeptierst; diese Referenz verlangt, dass du es behältst und alles darin änderst. Der Unterschied: Abstände in 15px-Schritten bleiben fest, während das Thema wandert. Schreib Text und Medien um, bevor du irgendetwas neu einfärbst.
Wie Paradiso CTA den ersten Blick ordnet
Aufmerksamkeit wird gelenkt und nicht dem Zufall überlassen. Die Seite sagt es selbst: „Enter your email address“. Die Abfolge steht fest: das Kartenraster und der Hintergrund-Clip, und Abstände in 15px-Schritten bestimmen die Größe jeder Station, damit nichts in falscher Reihenfolge ankommt. Ein Leser im Bereich Reisen bekommt das Angebot vor den Optionen.
Die Zahlen hinter dem Eintrag Call-to-Action-Block
Eine Komposition lässt sich nicht nach Augenmaß fixieren, wenn zwei Leute sie nachbauen. Das Briefing nimmt die Diskussion heraus: Abstände in 15px-Schritten, einmal genannt. Nichts in diesem Eintrag Call-to-Action-Block hängt an einer Voreinstellung.
Häufige Fragen
Ist der Prompt zu Paradiso CTA eine fertige Spezifikation oder ein Ausgangspunkt?
Das Briefing beschreibt den Bau, nicht die Stimmung: Es nennt die Komposition bei 2522x1858, die Abstände und die Bewegungswerte. Das gerenderte Bild dient darin an keiner Stelle als verbindliche Grundlage.
Kann ich Call-to-Action-Block von Paradiso CTA in einem anderen Stack nachbauen?
Paradiso CTA wurde in eine eigenständige HTML-Datei gebaut, und der Eintrag nennt das, um die Herkunft zu belegen. Das Briefing beschreibt Positionen, Größen und Zeitwerte, also lässt sich die Seite in jedem Framework nachbauen, das Schrift setzen und Elemente platzieren kann.
Kann ich eine aus Paradiso CTA nachgebaute Seite veröffentlichen, ohne die Quelle zu nennen?
Das Briefing ist eine Beschreibung, keine Lizenz zur Weitergabe fremder Dateien. Behalte Struktur und Zahlen, ersetze Medien und Markenzeichen, und nenne die Quelle, wenn ein Kunde fragt, woher das Layout stammt. Die Referenz wurde mit 2522x1858 erfasst.
