Über diese Vorlage
Convix Software ist die Referenz (Hero-Bereich) für dieses Publikum, also für ein KI- oder SaaS-Produkt. Das Briefing dahinter ist eine vollständige Bauvorgabe statt eines Moodboards. Die Palette umfasst weiß #EDEDED darunter, tiefes blau #0B0F1A für die Schrift und helles rot #EF4D23 für die Akzente, die Schrift ist Inter. Der Bau ist React und Lucide icons; jedes Maß darin ist aufgeschrieben, und genau das macht ihn wiederverwendbar. Es ist die richtige Referenz für eine Hero-Bereich, die auf dem ersten Bildschirm bewusst gesetzt wirken muss, und sie richtet sich an ein KI- oder SaaS-Produkt.
Gemacht für
- Dieses Hero-Bereich-Design ist für Agenturen gebaut, die den 800x578-Rahmen durch drei Runden Kundenkorrekturen bringen müssen.
- Teams, die ein KI- oder SaaS-Produkt Hero-Bereich bauen und die gemessenen Werte (eine feste Display-Größe von 22px und 100vh hohe Sektionen) wollen statt eines Screenshots zum Abschreiben.
- Wer ein Modell mit einem Hero-Bereich-Briefing versorgt, startet mit dem Prompt über 5.587 Zeichen.
Was enthalten ist
- Links vor der Aktion. Die Navigation ist ein schmaler Streifen und kein Band: Wortmarke links, Links rechts der Mitte, eine Aktion in #EF4D23, alles über der Komposition (Hero-Bereich) und ohne eigene Hintergrundfläche. Die Links sind kleiner gesetzt als die Wortmarke, und die Aktion in #EF4D23 ist das einzige Element in der Leiste mit Gewicht. Eine Aktion pro Leiste.
- Das Briefing nennt die Stufen. Das Layout ist gegen feste Werte gelöst (eine feste Display-Größe von 22px, 100vh hohe Sektionen und Abstände in 13px-Schritten), und das hält den ersten Screen bei jeder Breite komponiert. Die Abstände stehen in denselben Einheiten wie die Schrift, dadurch lassen sich beide direkt vergleichen.
- Ein Breakpoint für die Links. Die Leiste liegt ohne eigene Hintergrundfläche über der Komposition von 800x578, damit die Medien darunter bis an den Rand durchlaufen.
- Nichts davon ist geerbt. Die Abstände sind genauso zitiert (eine feste Display-Größe von 22px, 100vh hohe Sektionen und Abstände in 13px-Schritten) und nicht als Skala, die von selbst weiterwächst.
Bewegung & Interaktion
Statisch mit Absicht
Diese Seite kommt als stehende Komposition in 800x578, 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.
Bewegung, die nicht stört
Das Briefing lässt Animation weg und überlässt die Seite dem 800x578-Layout, nur Hover- und Druckzustände ändern sich. Beschränke Bewegung auf die Bedienelemente.
Die Zeitwerte hinter dem Eintrag Hero-Bereich
Ehrgeizige Bewegung kostet den ersten Screen meist die Lesbarkeit. Dieses Briefing hält die Liste kurz: Hover- und Druckzustände, kurz genug, dass die Schrift nie warten muss. Nichts in diesem Eintrag Hero-Bereich animiert um seiner selbst willen.
So wird der Eintrag Hero-Bereich deiner
Wenn deine Marke eine schwerere Palette fährt, prüf sie vor der Entscheidung gegen den Rahmen. weiß #EDEDED trägt die Seite, ein dunklerer Akzent braucht also mehr Kontrast als die Referenz. Rahmen und Skala sind das, was unangetastet bleibt.
Convix Software als Spezifikation lesen
Konkrete Zahlen altern: Ein Wert, der bei 800x578 passt, muss nicht zu deinem Rahmen passen. Das Briefing hält die Werte trotzdem fest: eine feste Display-Größe von 22px und 100vh hohe Sektionen, weil ein genannter Wert leichter zu ändern ist als ein ungenannter. Nichts in diesem Eintrag Hero-Bereich hängt an einer Voreinstellung.
Häufige Fragen
Wie lang ist der Prompt hinter Convix Software?
Das erfasste Briefing umfasst 5.587 Zeichen und beschreibt Rahmen, Schriftgrößen-Skala, Palette und Übergänge. Wenn du es kopierst, hast du genau diesen Text; schickst du es an Studio, wird dieselbe Anfrage mit der bereits beschriebenen Seite vorbereitet.
Wie viel von Convix Software hängt von React und Lucide icons ab?
Nein. Das Briefing ist eine Spezifikation, keine Liste von Abhängigkeiten. Es wurde für React und Lucide icons geschrieben, dieselbe Komposition lässt sich aber in allem nachbauen, was du ohnehin nutzt. Der Stack ist genannt, damit du weißt, wie die Referenz entstanden ist.
Woher stammt das Design von Convix Software?
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 800x578 erfasst.
