Über diese Vorlage
Max Reed Portfolio liefert für eine Agentur oder ein Studio einen fertigen ersten Screen und die Zahlen, die ihn hervorgebracht haben. Die Zeile lautet „Let's Team Up Today“, und der Rest des Eintrags Feature-Bereich ordnet sich darum. Die Palette ist tiefes petrol #324444 darunter, gesetzt in Inter. Geliefert wird React und Tailwind CSS: eine Seite, kein Plugin, kein Build-Tooling zwischen dir und dem Design. Nutze es als Referenz, wenn du eine Feature-Bereich für dieses Publikum baust, also für eine Agentur oder ein Studio, und eine fertige Komposition willst statt eines Ausgangspunkts.
Gemacht für
- Wenn die Referenz nur ein Ausgangspunkt ist, können Designer ein 640x470 Rahmen behalten und den Rest des Feature-Bereich-Designs neu bauen.
- Gemacht für Agenturen, die nach Runden abrechnen und Schrift von 13px bis 88px und Abstände in 240px-Schritten vor der ersten Runde verbindlich haben wollen.
- Wer ein Modell mit einem Feature-Bereich-Briefing versorgt, startet mit dem Prompt über 5.397 Zeichen.
Was enthalten ist
- Am Viewport gemessen. Das Briefing legt Schrift von 13px bis 88px und Abstände in 240px-Schritten fest und überlässt den Rest der Anordnung, das Gegenteil einer Skala, die von selbst wächst. Ein Nachbau, der diese Zahlen trifft, sieht ohne weitere Anpassung aus wie die Referenz. Ändere das Thema, nicht die Stufen.
- Panels tragen die Mitte. Das Raster ist die Struktur: gleich große Panels, in Inter gesetzt, so angeordnet, dass das Auge quer statt nach unten wandert. Der Abstand zwischen den Panels ist ein einziger Wert, das hält ein dichtes Raster davon ab, gedrängt zu wirken.
- Der Aufbau passt in einen Screen. Die Komposition ist bei 640x470 vollständig: Text, Medien und Bedienelemente sind im Briefing benannt. Die Seite ist eine Komposition bei 640x470, und deshalb hält sie zusammen, wenn sich der Text ändert.
- Nichts davon ist geerbt. Die Abstände sind genauso zitiert (Schrift von 13px bis 88px und Abstände in 240px-Schritten) und nicht als Skala, die von selbst weiterwächst.
Bewegung & Interaktion
Durchgehende horizontale Bewegung
Ein Laufband zieht in einer Endlosschleife durch die Komposition, gesetzt in Inter, die Seite hat also Bewegung, auch wo beim Scrollen nichts animiert. Der Streifen läuft mit konstanter Geschwindigkeit und schleift ohne Lücke, die Bewegung lenkt also nie den Blick auf die Naht. Die Geschwindigkeit zählt mehr als der Inhalt.
Statisch mit Absicht
Eine Scroll-Bibliothek gibt es hier nicht: Die 640x470-Komposition steht still, und nur die Elemente bewegen sich, die auf dich reagieren. Im Briefing steht keine Animationsbibliothek, der Nachbau bleibt also klein. Beschränke Bewegung auf die Bedienelemente.
Die Zeitwerte hinter dem Eintrag Feature-Bereich
Das Animationsbudget steht fest: ein laufendes Laufband. Nichts im Eintrag Feature-Bereich bewegt sich ohne einen Wert dahinter. Nichts in diesem Eintrag Feature-Bereich animiert um seiner selbst willen.
Die Zahlen hinter dem Eintrag Feature-Bereich
Jede Beziehung auf dieser Seite ist ein Wert, den du prüfen kannst: Schrift von 13px bis 88px und Abstände in 240px-Schritten. Genau das macht Max Reed Portfolio nachbaubar statt nur reproduzierbar. Nichts in diesem Eintrag Feature-Bereich hängt an einer Voreinstellung.
So wird der Eintrag Feature-Bereich deiner
Wo ein Theme dir Komponenten gibt, gibt dieses Briefing dir eine Komposition: Schrift von 13px bis 88px und Abstände in 240px-Schritten und einen Medienrahmen, das Thema bleibt bei dir. Hilft ein neues Element nicht, das Angebot oder den nächsten Schritt zu erklären, gehört es unter den Fold.
Häufige Fragen
Was bekomme ich, wenn ich das Briefing zu Max Reed Portfolio kopiere?
Das erfasste Briefing umfasst 5.397 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.
Kann ich Feature-Bereich von Max Reed Portfolio in einem anderen Stack nachbauen?
Max Reed Portfolio 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.
Wie verhalten sich die unter einer Sekunde Übergänge in Max Reed Portfolio?
Die Bewegung ist genauso genau festgelegt wie das Layout: Zustandswechsel sind im Bereich von unter einer Sekunde abgeschlossen. Portiere zuerst die Komposition und danach die Zeitwerte, denn sie lassen sich leichter angleichen, wenn das Layout steht. Die Referenz wurde mit 640x470 erfasst.
