Über diese Vorlage
Für eine Agentur oder ein Studio löst LaunchEx About das Thema Über-uns-Seite mit einem einzigen erfassten Briefing. Die Palette umfasst weiß #F0F5F7 darunter, petrol #154359 für die Schrift und petrol #4BBDF0 für die Akzente, die Schrift ist Inter. Der Bau ist React und Tailwind CSS; jedes Maß darin ist aufgeschrieben, und genau das macht ihn wiederverwendbar. Wenn du ein Briefing zum Thema Über-uns-Seite im Bereich Agentur schreibst, starte bei dieser Komposition und tausche nur das Thema aus.
Gemacht für
- Übernimm den 640x464-Rahmen und Schrift von 14px bis 54px und 100vh hohe Sektionen aus diesem Über-uns-Seite-Design, bevor du irgendetwas anderes mitnimmst.
- Wer ein Modell mit einem Über-uns-Seite-Briefing versorgt, startet mit dem Prompt über 6.908 Zeichen.
- Gemacht für Content-Leads, die ein Über-uns-Seite-Design neu betexten, dessen Headline so lang bleiben muss wie die von LaunchEx About.
Was enthalten ist
- Gemessen statt geschätzt. Die Liste bleibt kurz (Schrift von 14px bis 54px, 100vh hohe Sektionen und Abstände in 14px-Schritten), deshalb lässt sich das ganze System von Hand prüfen. Der kleinste und der größte Wert dieser Liste stecken den Bereich ab, in dem die Komposition arbeitet.
- Eine Zahlenzeile statt einer Behauptung. Eine Zeile mit Zahlen sitzt über dem Falz, in Inter am oberen Ende der Skala, mit #4BBDF0 nur für die Ziffern, die eine Aussage tragen. Die Ziffern tragen den Akzent in #4BBDF0, während alles um sie herum auf der Textfarbe bleibt. Prüfe die Reihe bei der schmalsten Breite.
- Am Viewport gemessen. Die Abstände sind genauso zitiert (Schrift von 14px bis 54px, 100vh hohe Sektionen und Abstände in 14px-Schritten) und nicht als Skala, die von selbst weiterwächst.
- Zahlen dort, wo der Beleg steht. Die Statistik ist als Typografie behandelt: Ziffern in der Display-Größe, Labels auf der kleinsten Stufe des Briefings, alles in #4BBDF0 oder auf der Textfarbe und nicht auf einer farbigen Karte.
Bewegung & Interaktion
Interaktion sitzt auf den Bedienelementen
Zustände werden pro Komponente behandelt (Hover-Zustände auf Buttons und Links statt auf jeder Karte) und nicht von einer globalen Animationsschicht. Nichts auf der Seite öffnet ein Modal oder kapert das Scrollen; die Interaktionen bleiben am Element.
Bewegung, die nicht stört
Diese Seite kommt als stehende Komposition in 640x464, die Hierarchie muss also ohne Bewegung funktionieren, und sie tut es. Die Komposition steht still, die Hierarchie muss die Seite also tragen, und sie tut es.
Die Reihenfolge im Eintrag Über-uns-Seite
Die Seite hat eine bewusste Reihenfolge. Die Headline bekommt die Display-Größe, die Stützzeile erklärt das Angebot, und der petrol #4BBDF0 markiert die Hauptaktion, damit der nächste Schritt nie fraglich ist. Nichts konkurriert damit: Vor der ersten Entscheidung steht kein Kartenraster, und genau das hält die Komposition (Über-uns-Seite) in Agentur-Arbeiten leicht. Ein Leser im Bereich Agentur bekommt das Angebot vor den Optionen.
Die Zahlen hinter dem Eintrag Über-uns-Seite
Ein Nachbau beginnt meist mit einem Screenshot und einer Vermutung. Hier beginnt er mit 6.908 Zeichen Spezifikation: Rahmen, Abstände und Bewegung stehen fest, bevor die erste Codezeile entsteht. Nichts in diesem Eintrag Über-uns-Seite hängt an einer Voreinstellung.
So wird der Eintrag Über-uns-Seite deiner
Wiederverwendbar ist die Komposition, das Thema gehört dir. Tausche die Headline, behalte die Schriftgrößen-Skala (Schrift von 14px bis 54px) und prüfe den Akzent #4BBDF0 erneut über deinen eigenen Medien. Hilft ein neues Element nicht, das Angebot oder den nächsten Schritt zu erklären, gehört es unter den Fold. Behalt den Medienzuschnitt; er leistet so viel wie die Schrift.
Häufige Fragen
Was steht eigentlich im Briefing hinter LaunchEx About?
Das erfasste Briefing umfasst 6.908 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?
LaunchEx About 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.
Was steuert die Bewegung in LaunchEx About?
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 640x464 erfasst.
