Über diese Vorlage
Das hier ist der Eintrag Footer von Stark Minimal Footer, veröffentlicht mit dem Briefing, das ihn hervorgebracht hat, statt als Screenshot. Die Zeile lautet „© 2026 EngineTech. All rights reserved“, und der Rest des Eintrags Footer ordnet sich darum. Farbe bleibt auf schwarz #0A0A0A darunter und weiß #FFFFFF für die Schrift begrenzt, gesetzt in Geist. Es kommt als eine einzelne Komponente, damit sich der ganze Footer ohne Design-Übergabe in ein Projekt heben lässt. Das Bewegungsbudget umfasst Übergänge von 180ms. Diese Referenz ist für ein Industrieunternehmen gedacht, wenn der erste Screen vor dem Build feststehen soll.
Gemacht für
- Übergib eine einzelne Komponente zusammen mit dem 640x472-Zuschnitt an die Entwicklung und lass sie den Rest nachbauen.
- Dieses Footer-Design richtet sich an Teams, die ein Breakpoint bei 1820px gegenüber jemandem rechtfertigen müssen, der nicht im Kickoff saß.
- Schreib deine eigene Headline und baue dieses Footer-Design dann in eine einzelne Komponente mit unveränderten Maßen nach.
Was enthalten ist
- Navigation ohne Hintergrund. Die Wortmarke hält die linke Kante, rechts davon laufen die Links, alles in Geist gesetzt, damit die Leiste zur Seite darunter gehört und nicht zu einem eigenen System. Die Labels passen bei 1820px in eine Zeile, und der aktive Eintrag ist über das Schriftgewicht markiert, nicht über eine Pille.
- Die Skala ist begrenzt, nicht gestuft. Das Briefing nutzt eine Größe zwischen 22px und 14px für die Headline, und das verhindert, dass eine lange Zeile unschön umbricht. Mit schmalerem Viewport ändert die Schrift ihre Größe, nicht ihre Rolle. Prüf den ersten Screen auf dem Smartphone.
- Der Footer ist eine volle Komposition. 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 Spalten liegen auf demselben Raster wie die Seite darüber, damit der Footer wie dieselbe Gestaltung wirkt. Gruppiere die Links, statt sie aufzulisten.
- Die Komposition ist der Inhalt. Die Komposition (Footer) ist so gebaut, dass der Text vor allem anderen ankommt: die Schrift trägt die Hierarchie, der Rahmen von 640x472 hält die Komposition, und die begleitenden Werte bleiben leise. Die Seite ist eine Komposition bei 640x472, und deshalb hält sie zusammen, wenn sich der Text ändert.
Bewegung & Interaktion
Der Kniff ist die Reihenfolge
Die Eingangsanimation besorgt den Auftritt, nach ihrem Durchlauf bleibt die Komposition unverändert: jede Zeile fährt aus einem Fenster mit overflow-hidden heraus. Die Eingangsanimation beschränkt sich auf die genannten Elemente, der Rest des Layouts animiert nie. Die Referenz wurde mit 640x472 erfasst.
Schnell genug, um bewusst zu wirken
Jeder Zustandswechsel in der Spezifikation hat eine Dauer: Übergänge laufen etwa 180ms. Nichts bleibt beim Browser-Standard, deshalb wirkt die Seite gesetzt und nicht animiert. Dieselbe Dauer wird für alle Bedienelemente wiederverwendet, deshalb wirken die Interaktionen wie ein System. Behalte die Dauern, wenn du die Seite neu gestaltest.
Wie Stark Minimal Footer den ersten Blick ordnet
Vergleich den Seitenkopf mit einem typischen Landing-Screen im Bereich Industrie. Beide tragen eine Zeile und eine Handlung; hier stehen die Navigation, die Kennzahlen-Zeile und der Footer in fester Reihenfolge, statt mit gleichem Gewicht zu konkurrieren. Ein Leser im Bereich Industrie bekommt das Angebot vor den Optionen.
Stark Minimal Footer als Spezifikation lesen
Das Briefing ist eine Spezifikation, kein Moodboard. Es legt Abstände in 14px-Schritten, 180ms Übergänge und ein Breakpoint bei 1820px fest und benennt das Medienformat: 640x472. Diese Tiefe ist der Grund, warum das Design einen Nachbau übersteht: Ändere den Text, und die Verhältnisse halten trotzdem. Nichts in diesem Eintrag Footer hängt an einer Voreinstellung.
Wie der Eintrag Footer umbricht
Der Preis einer fluiden Skala ist weniger Kontrolle über exakte Größen. Dafür bleibt die Display-Zeile proportional, und deshalb steht die Klemmung im Briefing: eine Größe zwischen 22px und 14px. Die Reihenfolge ist das Letzte, was sich ändert.
Häufige Fragen
Was steht eigentlich im Briefing hinter Stark Minimal Footer?
Das erfasste Briefing umfasst 5.437 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.
Brauche ich eine einzelne Komponente, um Stark Minimal Footer nachzubauen?
Stark Minimal Footer wurde in eine einzelne Komponente 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.
Ist das Briefing zu Stark Minimal Footer dasselbe wie der Prompt, den ich selbst schreiben würde?
Alles, was auf der Seite zitiert wird, stammt aus dem erfassten Briefing mit 5.437 Zeichen und nicht aus einer nachträglich verfassten Beschreibung. Deshalb passen die Zahlen und der Text zusammen.
