Über diese Vorlage
Creative Studio ist die Referenz (Landingpage) für dieses Publikum, also für eine Agentur oder ein Studio. Das Briefing dahinter ist eine vollständige Bauvorgabe statt eines Moodboards. Sie beginnt mit „Creative Studios Built Around Elevating Your Vision Into Striking Reality“ und gibt dieser Zeile den Rahmen, statt sie in eine Karte zu schrumpfen. Die Palette ist weiß #F3F3F3 darunter und indigo #5E0ED7 für die Schrift, gesetzt in Inter. Die Referenz ist mit React und Tailwind CSS gebaut; die Layout-Entscheidungen stehen unabhängig davon im Briefing. Die Seite begrenzt die Bewegung auf Übergänge von 0.1s. Am nützlichsten ist es, wenn beim Eintrag Landingpage für Agenturen & Studios ein Textwechsel ohne Redesign möglich bleibt.
Gemacht für
- Gründer, die eine Agentur briefen, nehmen den 640x462-Rahmen als Abnahmekriterium für die erste Runde.
- Wer ein Modell mit einem Landingpage-Briefing versorgt, startet mit dem Prompt über 5.481 Zeichen.
- Gemacht für Content-Leads, die ein Landingpage-Design neu betexten, dessen Headline so lang bleiben muss wie die von Creative Studio.
Was enthalten ist
- Ein Breakpoint für die Links. Die Navigation ist eine einzige Zeile ohne zweite Ebene darunter. Unterhalb des Tablet-Breakpoints übernimmt ein mobiles Overlay. Die Leiste liegt ohne eigene Hintergrundfläche über der Komposition von 640x462, damit die Medien darunter bis an den Rand durchlaufen.
- Eine Skala für Schrift und Rahmen. Jedes Maß im Briefing ist eine Zahl, die du nachmessen kannst: Abstände in 10px-Schritten und 0.1s Übergänge. Weil die Werte feststehen, ändert ein Austausch die Optik, ohne den Rhythmus zu verändern.
- Eine Zahlenreihe, keine Tabelle. Ein kompakter Zahlenstreifen trägt die Aussagen, die sonst einen Absatz bräuchten, und hält damit die Komposition (Landingpage) davon ab, zur Feature-Liste zu werden. Die Labels haben eine einzige Größe, ein langes Label ändert die Höhe der Reihe also nicht.
- Leiste im Raster der Seite. Die Wortmarke hält die linke Kante, rechts davon laufen die Links, alles in Inter gesetzt, damit die Leiste zur Seite darunter gehört und nicht zu einem eigenen System.
Bewegung & Interaktion
Zustandswechsel mit Zeitwert
Übergänge sind auf 0.1s festgelegt; dieser Wert gilt auch für die Bedienelemente. Das Easing steht zusammen mit der Dauer im Briefing (0.1s), ein Nachbau kann also nicht unbemerkt ein anderes Gefühl einsetzen.
Statisch mit Absicht
Das Briefing lässt Animation weg und überlässt die Seite dem 640x462-Layout, nur Hover- und Druckzustände ändern sich. Nur die Elemente bewegen sich, die auf den Zeiger reagieren.
Was hier für Agenturen & Studios funktioniert
Der Preis ist Dichte: Dieser Eintrag Landingpage sagt auf dem ersten Screen weniger als ein feature-getriebenes Layout. Was bleibt, ist die Leserichtung, und die Navigation, die Überschrift, die Kennzahlen-Zeile, das Kartenraster und die Feature-Liste leisten die Arbeit, die eine längere Seite verteilen würde. Es gibt einem Leser im Bereich Agentur den kürzesten ehrlichen Weg zum Angebot.
Was du in Creative Studio zuerst änderst
Ein Template verlangt, dass du sein Layout akzeptierst; diese Referenz verlangt, dass du es behältst und alles darin änderst. Der Unterschied: Abstände in 10px-Schritten und 0.1s Übergänge bleiben fest, während das Thema wandert. Rahmen und Skala sind das, was unangetastet bleibt.
Die Zeitwerte hinter dem Eintrag Landingpage
Du könntest eine Preset-Bibliothek über diese Komposition legen, und sie würde geschäftiger wirken, nicht besser. Das Briefing bleibt bei einer kurzen Liste: Übergänge von 0.1s. Nichts in diesem Eintrag Landingpage animiert um seiner selbst willen.
Häufige Fragen
Was steht eigentlich im Briefing hinter Creative Studio?
Das erfasste Briefing umfasst 5.481 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.
Warum nennt der Eintrag React und Tailwind CSS überhaupt?
Creative Studio 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 0.1s Übergänge in Creative Studio?
Die Bewegung ist genauso genau festgelegt wie das Layout: Zustandswechsel sind im Bereich von 0.1s abgeschlossen. Portiere zuerst die Komposition und danach die Zeitwerte, denn sie lassen sich leichter angleichen, wenn das Layout steht.
