Über diese Vorlage
Lies Cortexa FAQ als Spezifikation zum Thema FAQ-Bereich: Die Werte standen fest, bevor die Seite gebaut wurde. „How do I start the process of buying a home?“ ist die Zeile, auf die das Layout gebaut ist. Der Bau ist React und Tailwind CSS; jedes Maß darin ist aufgeschrieben, und genau das macht ihn wiederverwendbar. Die Bewegung kommt über Übergänge von 400ms und eine Videospur in Schleife nicht hinaus. Leih dir die Struktur, nicht das Thema: Die Zahlen zum Thema FAQ-Bereich wandern unverändert in deine Marke.
Gemacht für
- Gründer, die eine Agentur briefen, nehmen den 1826x1302-Rahmen als Abnahmekriterium für die erste Runde.
- Produktmarketer, die brauchen, dass die Komposition (FAQ-Bereich) auch mit 0,1s Video in Schleife hinter dem Text lesbar bleibt.
- Gemacht für einen Solo-Gründer, der ein FAQ-Bereich-Design für ein KI- oder SaaS-Produkt ausliefert und kein Designsystem im Rücken hat.
Was enthalten ist
- Eine Skala für Schrift und Rahmen. Das Briefing hält seine Größen bei der Aufnahme fest (Abstände in 15px-Schritten und 400ms Übergänge), damit sich ein Nachbau überprüfen und nicht schätzen lässt. Die Werte stammen aus dem aufgezeichneten Prompt und sind nicht abgeleitet, deshalb überstehen sie ein erneutes Rendern.
- Ein Clip trägt alles. Der erste Screen ist ein einzelner Clip bei 1826x1302, alles andere ist darauf angeordnet. Exportiere in 1826x1302 oder breiter, dann funktioniert der Zuschnitt auf volle Abdeckung weiter.
- Das Formular füllt den Screen. Hier ist eine Entscheidung zu treffen: das Formular ausfüllen oder gehen. Alles andere auf dem Screen stützt diese Entscheidung. Die Aktion sitzt direkt unter dem letzten Feld, damit die Entscheidung nie weiter als einen Blick entfernt ist.
- Abstände als Werte genannt. Die Abstände sind genauso zitiert (Abstände in 15px-Schritten und 400ms Übergänge) und nicht als Skala, die von selbst weiterwächst.
Bewegung & Interaktion
Schnell genug, um bewusst zu wirken
Übergänge sind auf 400ms festgelegt; dieser Wert gilt auch für die Bedienelemente. Die Werte sind kurz genug, um als Rückmeldung zu lesen und nicht als Animation.
Hintergrundbewegung ohne Scroll-Bibliothek
Der Hintergrundclip läuft 0,1s in 1826x1302 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. Weil er stumm ist, kann die Schleife unter dem Text laufen, ohne um Ton oder Aufmerksamkeit zu konkurrieren.
Die Zahlen hinter dem Eintrag FAQ-Bereich
Die meisten Referenzen zeigen das Ergebnis und behalten die Zahlen. Diese dreht es um: Abstände in 15px-Schritten und 400ms Übergänge stehen neben der Seite, damit das Ergebnis reproduzierbar ist und nicht angenähert. Nichts in diesem Eintrag FAQ-Bereich hängt an einer Voreinstellung.
Wie Cortexa FAQ den ersten Blick ordnet
Ein feature-getriebenes Layout listet, was das Produkt tut; dieses führt den Leser zu einer einzigen Entscheidung. Die Route zeigen das Formular, und Abstände in 15px-Schritten und 400ms Übergänge staffeln sie. Ein Leser im Bereich SaaS bekommt das Angebot vor den Optionen.
Was du in Cortexa FAQ zuerst änderst
Vergleich das mit einem leeren Blatt. Hier sind der Rahmen (1826x1302) und Abstände in 15px-Schritten und 400ms Übergänge bereits entschieden, die Arbeit ist also Substitution und nicht Komposition. Rahmen und Skala bleiben; das Thema ist der Teil, der sich ändern soll.
Häufige Fragen
Was bekomme ich, wenn ich das Briefing zu Cortexa FAQ kopiere?
Das erfasste Briefing umfasst 4.955 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 ist dieser Eintrag zu Cortexa FAQ aufgebaut?
Alles, was auf der Seite zitiert wird, stammt aus dem erfassten Briefing mit 4.955 Zeichen und nicht aus einer nachträglich verfassten Beschreibung. Deshalb passen die Zahlen und der Text zusammen.
Warum nennt der Eintrag React und Tailwind CSS überhaupt?
Cortexa FAQ wurde in React und Tailwind CSS 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.
