Über diese Vorlage
Das hier ist der Eintrag Landingpage von Orbis NFT, veröffentlicht mit dem Briefing, das ihn hervorgebracht hat, statt als Screenshot. Farbe bleibt auf tiefes blau #010828 darunter, weiß #EFF4FF für die Schrift und helles limette #6FFF00 für die Akzente begrenzt, gesetzt in Anton. Geliefert wird React und Tailwind CSS, erfasst bei 452x800, damit der Rahmen feststeht, bevor die erste Zeile Code entsteht. Nutze es als Referenz, wenn du eine Landingpage für dieses Publikum baust, also für ein Fintech-Produkt, und eine fertige Komposition willst statt eines Ausgangspunkts.
Gemacht für
- Wenn drei Leute an einem Landingpage-Design arbeiten, gib Content-Leads Abstände in 32px-Schritten statt eines Screenshots.
- Gemacht für einen Solo-Gründer, der ein Landingpage-Design für ein Fintech-Produkt ausliefert und kein Designsystem im Rücken hat.
- Wer ein Modell mit einem Landingpage-Briefing versorgt, startet mit dem Prompt über 8.276 Zeichen.
Was enthalten ist
- Eine Leiste ohne Beiwerk. Die Leiste ist der leiseste Teil der Komposition: Wortmarke, eine kurze Linkreihe und eine Aktion in #6FFF00, alles auf der kleinsten Schriftstufe des Briefings. Die Links sind kleiner gesetzt als die Wortmarke, und die Aktion in #6FFF00 ist das einzige Element in der Leiste mit Gewicht.
- Feste Stufen statt einer Skala. Die Größen sind zitiert und nicht vererbt: Abstände in 32px-Schritten. Tauschst du die Schrift oder den Text, halten diese Verhältnisse trotzdem. Schrift und Layout teilen dieselben Stufen, damit nichts verrutscht, wenn eines von beiden ersetzt wird.
- Ein Raster, kein Textblock. Das Raster übernimmt die Lesereihenfolge: Panels gleichen Gewichts, je eine Idee, in Anton klein gesetzt, damit die Struktur sichtbar bleibt. Das Raster fällt auf eine Spalte zusammen, ohne die Reihenfolge der Panels zu ändern. Die Reihenfolge der Panels ist die Lesereihenfolge.
- Die Komposition ist der Inhalt. Alles über dem Falz verdient seinen Platz. Das Briefing nennt den Text, den Rahmen von 452x800 und die Schriftgrößen und lässt nichts Dekoratives daneben konkurrieren. Die Seite ist eine Komposition bei 452x800, und deshalb hält sie zusammen, wenn sich der Text ändert.
Bewegung & Interaktion
Bewegung, die nicht stört
Das Briefing lässt Animation weg und überlässt die Seite dem 452x800-Layout, nur Hover- und Druckzustände ändern sich. Nur die Elemente bewegen sich, die auf den Zeiger reagieren. Keine Scroll-Timelines nötig.
Fast keine Bewegung
Eine Scroll-Bibliothek gibt es hier nicht: Die 452x800-Komposition steht still, und nur die Elemente bewegen sich, die auf dich reagieren.
Was ein Fintech-Produkt hier gewinnt
Das Design argumentiert auf einem einzigen Screen. Das Medium ist ein Standbild in 452x800. Die Medien tragen die Atmosphäre, der Text trägt das Angebot, und Abstände in 32px-Schritten halten beides auseinander. Orbis NFT nennt das Angebot einmal und lässt die Komposition es wiederholen, statt eine zweite Behauptung zu ergänzen.
Die Reihenfolge im Eintrag Landingpage
Du könntest diese Blöcke umsortieren, und die Seite würde weiter laden. Sie würde aber nicht mehr als Argument lesen: die Navigation, die Kennzahlen-Zeile, das Kartenraster und der Hintergrund-Clip sind eine Abfolge, und Abstände in 32px-Schritten funktionieren nur in dieser Reihenfolge. Ein Leser im Bereich Fintech bekommt das Angebot vor den Optionen.
So wird der Eintrag Landingpage deiner
Angenommen, du hast nur einen Nachmittag. Ändere die Zeile und das Label der Handlung; Abstände in 32px-Schritten bleiben unangetastet, und du hast eine Seite, die beabsichtigt aussieht. Rahmen und Skala bleiben; das Thema ist der Teil, der sich ändern soll.
Häufige Fragen
Was steht eigentlich im Briefing hinter Orbis NFT?
Das Briefing beschreibt den Bau, nicht die Stimmung: Es nennt die Komposition bei 452x800, die Abstände und die Bewegungswerte. Das gerenderte Bild dient darin an keiner Stelle als verbindliche Grundlage.
Brauche ich React und Tailwind CSS, um Orbis NFT nachzubauen?
Orbis NFT 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.
Kann ich eine aus Orbis NFT 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 452x800 erfasst.
