Über diese Vorlage
Aurora Onboard wurde bei 1850x1352 erfasst und als Spezifikation abgelegt, nicht als Galeriebild. Das Farbschema ist schwarz #000000 darunter und gedämpftes indigo #DBCDE9 für die Schrift, und die Seite ist in Inter gesetzt. Die Referenz ist mit React und Tailwind CSS gebaut; die Layout-Entscheidungen stehen unabhängig davon im Briefing. Starte beim erfassten Briefing und bearbeite dann den Eintrag Anmeldebildschirm, statt von Grund auf neu zu bauen.
Gemacht für
- Gemacht für Product Manager, die ein Anmeldebildschirm-Design auf einen Sprint und ohne neue Assets begrenzen müssen.
- Wer ein Modell mit einem Anmeldebildschirm-Briefing versorgt, startet mit dem Prompt über 4.770 Zeichen.
- Studio-Leads, die mehrere Projekte parallel fahren, nehmen dieses Anmeldebildschirm-Design als Muster, das jede weitere Seite kopiert.
Was enthalten ist
- Schriften mit je einer Aufgabe. Inter erledigt die Arbeit, die Größen fallen von der Headline zum Begleittext deutlich ab, und die Laufweite wird enger, je größer die Schrift wird, damit die Hierarchie über Schrift trägt und nicht über Farbe. Die Gewichte sind pro Rolle festgelegt, damit die Hierarchie beim Bauen nicht vom Schätzen abhängt.
- Anmeldung als Komposition. Hier ist eine Entscheidung zu treffen: das Formular ausfüllen oder gehen. Alles andere auf dem Screen stützt diese Entscheidung. Fehler- und Fokuszustände sind festgelegt und nicht dem Browser überlassen. Leg den Fokuszustand fest.
- Spalten, keine Linkhalde. Die Links sind zu Spalten gruppiert, die Wortmarke hat ihren eigenen Block, und das hält einen langen Footer lesbar, statt ihn zu einer Liste zu machen. Die Schriftgrößen fallen von den Spaltenüberschriften zu den Links ab, damit die Hierarchie auch in einem dichten Footer trägt.
- Die Komposition ist der Inhalt. Alles über dem Falz verdient seinen Platz. Das Briefing nennt den Text, den Rahmen von 1850x1352 und die Schriftgrößen und lässt nichts Dekoratives daneben konkurrieren. Die Seite ist eine Komposition bei 1850x1352, und deshalb hält sie zusammen, wenn sich der Text ändert.
Bewegung & Interaktion
Zeiger nur, wo sie helfen
Die Rückmeldung beschränkt sich auf Hover-Zustände auf Buttons und Links statt auf jeder Karte, der Rest des Layouts ist eine feste Komposition. Nichts auf der Seite öffnet ein Modal oder kapert das Scrollen; die Interaktionen bleiben am Element.
Fast keine Bewegung
Eine Scroll-Bibliothek gibt es hier nicht: Die 1850x1352-Komposition steht still, und nur die Elemente bewegen sich, die auf dich reagieren. Bewegung ist hier Rückmeldung und nicht Dekoration.
Warum das Briefing für Lifestyle trägt
Angenommen, deine Medien sind lauter als dein Text. Genau dafür ist diese Komposition gebaut. Das Medium ist ein Standbild in 1850x1352. Der Rahmen bleibt ruhig, und ein 1850x1352 Rahmen halten den Leser am Text. Aurora Onboard nennt das Angebot einmal und lässt die Komposition es wiederholen, statt eine zweite Behauptung zu ergänzen.
Die Reihenfolge im Eintrag Anmeldebildschirm
Ein Screen, eine Handlung, und dazwischen die Überschrift, die Kennzahlen-Zeile, das Formular, der Hintergrund-Clip und der Footer. Das Briefing legt diese Reihenfolge fest, statt den ersten Screen einem Stapel von Sektionen zu überlassen. Ein Leser im Bereich Lifestyle bekommt das Angebot vor den Optionen.
Was sich in Aurora Onboard bewegt
Das Animationsbudget steht fest: Hover- und Druckzustände. Nichts im Eintrag Anmeldebildschirm bewegt sich ohne einen Wert dahinter. Nichts in diesem Eintrag Anmeldebildschirm animiert um seiner selbst willen.
Häufige Fragen
Ist der Prompt zu Aurora Onboard eine fertige Spezifikation oder ein Ausgangspunkt?
Das Briefing beschreibt den Bau, nicht die Stimmung: Es nennt die Komposition bei 1850x1352, die Abstände und die Bewegungswerte. Das gerenderte Bild dient darin an keiner Stelle als verbindliche Grundlage.
Wie viel von Aurora Onboard hängt von React und Tailwind CSS ab?
Aurora Onboard 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.
Darf ich Aurora Onboard in einem Kundenprojekt verwenden?
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 1850x1352 erfasst.
