Über diese Vorlage
Lies Vize Footer als Spezifikation zum Thema Footer: Die Werte standen fest, bevor die Seite gebaut wurde. Die Palette umfasst schwarz #000000 darunter und helles blau #31A8FF für die Akzente, die Schrift ist Inter. Geliefert wird React und Tailwind CSS, erfasst bei 1838x1350, damit der Rahmen feststeht, bevor die erste Zeile Code entsteht. Nimm es als Briefing für ein KI- oder SaaS-Produkt: Der Eintrag Footer muss einem Nachbau standhalten, nicht nur dem ersten Blick.
Gemacht für
- Marketingverantwortliche, die ein Footer-Design übernehmen, ziehen Schrift von 14px bis 26px und Abstände in 10px-Schritten heran, um zu prüfen, ob eine Neufassung die Größenverhältnisse gehalten hat.
- Wer ein Modell mit einem Footer-Briefing versorgt, startet mit dem Prompt über 7.734 Zeichen.
- Gemacht für Content-Leads, die ein Footer-Design neu betexten, dessen Headline so lang bleiben muss wie die von Vize Footer.
Was enthalten ist
- Das Briefing nennt die Stufen. Schrift und Abstände stammen hier aus einer einzigen Liste: Schrift von 14px bis 26px und Abstände in 10px-Schritten. Die Liste ist kurz genug, dass eine Prüfung sie Element für Element durchgehen kann. Übernimm die Werte zusammen mit dem Layout.
- Labels unter den Zahlen. Die Statistik ist als Typografie behandelt: Ziffern in der Display-Größe, Labels auf der kleinsten Stufe des Briefings, alles in #31A8FF oder auf der Textfarbe und nicht auf einer farbigen Karte. Die Ziffern tragen den Akzent in #31A8FF, während alles um sie herum auf der Textfarbe bleibt.
- Eine Idee pro Panel. Das Raster ist die Struktur: gleich große Panels, in Inter gesetzt, so angeordnet, dass das Auge quer statt nach unten wandert. Der Akzent innerhalb des Rasters markiert höchstens ein Element, deshalb konkurrieren die Panels nicht miteinander. Die Lesereihenfolge bleibt die Panel-Reihenfolge.
- Abstände als Werte genannt. Die Abstände sind genauso zitiert (Schrift von 14px bis 26px und Abstände in 10px-Schritten) und nicht als Skala, die von selbst weiterwächst.
Bewegung & Interaktion
Hover, aber sparsam
Die Zeiger-Arbeit ist klein und festgelegt: Hover-Zustände auf Buttons und Links statt auf jeder Karte, angewendet auf die Elemente, die schon interaktiv aussehen. Die Zustände sind im Briefing benannt, die Seite hängt also nicht an einer Hover-Effekt-Bibliothek.
Statisch mit Absicht
Das Briefing lässt Animation weg und überlässt die Seite dem 1838x1350-Layout, nur Hover- und Druckzustände ändern sich. Nur die Elemente bewegen sich, die auf den Zeiger reagieren.
So wird der Eintrag Footer deiner
Der Preis ist Wiedererkennbarkeit. Behalt zu viel von Vize Footer, und die Seite wirkt wie die eines anderen; behalt die Zahlen und tausch den Inhalt, und sie wirkt wie deine. Behalt den Medienzuschnitt; er leistet so viel wie die Schrift.
Die Reihenfolge im Eintrag Footer
Die Reihenfolge ist hier das Design. die Kennzahlen-Zeile, das Kartenraster, die Feature-Liste und der Footer stehen so, dass das Angebot vor dem Beleg landet, und Schrift von 14px bis 26px und Abstände in 10px-Schritten setzen den Abstand dazwischen. Ein Leser im Bereich SaaS bekommt das Angebot vor den Optionen.
Was sich in Vize Footer bewegt
Portier die Bewegung zuletzt. Das Briefing legt sie als kurze Liste fest: Hover- und Druckzustände, und das ist leichter abzugleichen, wenn das Layout steht. Nichts in diesem Eintrag Footer animiert um seiner selbst willen.
Häufige Fragen
Was steht eigentlich im Briefing hinter Vize Footer?
Das Briefing beschreibt den Bau, nicht die Stimmung: Es nennt die Komposition bei 1838x1350, die Abstände und die Bewegungswerte. Das gerenderte Bild dient darin an keiner Stelle als verbindliche Grundlage.
Wie viel von Vize Footer hängt von React und Tailwind CSS ab?
Vize Footer 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 Vize Footer 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 1838x1350 erfasst.
