Über diese Vorlage
Bevor du beim Thema Über-uns-Seite für ein KI- oder SaaS-Produkt nachbaust, lies Tech-Noir About: Komposition und Spezifikation stehen beide hier. Die Palette umfasst rot #C40010 darunter und helles rot #FF0000 für die Akzente, die Schrift ist Manrope. Geliefert wird React und Tailwind CSS: eine Seite, kein Plugin, kein Build-Tooling zwischen dir und dem Design. Leih dir die Struktur, nicht das Thema: Die Zahlen zum Thema Über-uns-Seite wandern unverändert in deine Marke.
Gemacht für
- Studio-Teams, die ein Projekt briefen und nach ein 640x470 Rahmen suchen, um darauf zu reagieren.
- Agenturen, die Über-uns-Seite-Designs für ein KI- oder SaaS-Produkt anbieten und Schrift von 16px bis 120px und Abstände in 100px-Schritten schon im Angebot nennen wollen, damit die Kalkulation nach dem Kickoff noch trägt.
- Gemacht für einen Solo-Gründer, der ein Über-uns-Seite-Design für ein KI- oder SaaS-Produkt ausliefert und kein Designsystem im Rücken hat.
Was enthalten ist
- Eine Skala für Schrift und Rahmen. Die Werte sind die Spezifikation: Schrift von 16px bis 120px und Abstände in 100px-Schritten, aufgenommen bei 640x470 und nicht aus einem Screenshot abgeleitet. Zwischen den genannten Werten gibt es keinen erfundenen Zwischenwert; die Werteliste ist das ganze System.
- Farbe nur für Aktionen. Die Palette besteht aus Grund und Signal (rot #C40010 und helles rot #FF0000), die zweite Farbe bleibt den Aktionen vorbehalten. Alles andere liegt auf rot #C40010, und das hält eine gesättigte Palette lesbar. Tritt eine zweite Farbe auf, soll sie Information tragen.
- Größen im Briefing fixiert. Die Abstände sind genauso zitiert (Schrift von 16px bis 120px und Abstände in 100px-Schritten) und nicht als Skala, die von selbst weiterwächst.
- Eine Schrift, diszipliniert eingesetzt. Manrope erledigt die Arbeit, die Größen fallen von der Headline zum Begleittext deutlich ab, und die Laufweite wird enger, je größer die Schrift wird, damit die Hierarchie über Schrift trägt und nicht über Farbe. Die Laufweite wird enger, je größer die Schrift wird, deshalb hält die Display-Zeile über 16–120px zusammen.
Bewegung & Interaktion
Bewegung, die nicht stört
Diese Seite kommt als stehende Komposition in 640x470, 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. Stillstand ist eine gültige Entscheidung.
Fast keine Bewegung
Das Briefing lässt Animation weg und überlässt die Seite dem 640x470-Layout, nur Hover- und Druckzustände ändern sich.
Wie Tech-Noir About den ersten Blick ordnet
Wenn deine Seite heute mit Features beginnt, ist das die Reihenfolge zum Übernehmen: der Hintergrund-Clip vorn, das Stützdetail danach, und Schrift von 16px bis 120px und Abstände in 100px-Schritten bestimmen den Abstand. Ein Leser im Bereich SaaS bekommt das Angebot vor den Optionen.
Wie der Eintrag Über-uns-Seite umbricht
Eine feste Desktop-Skala wäre einfacher gewesen. Das Briefing nimmt dafür eine andere Entscheidung auf: eine Größe zwischen 16px und 120px, und genau das hält die Display-Zeile zwischen den Breiten proportional. Die Mobil-Version ist eine Entscheidung und kein Notfallplan.
Die Zahlen hinter dem Eintrag Über-uns-Seite
Der Eintrag Über-uns-Seite ist vermessen und nicht geschätzt. Schrift von 16px bis 120px und Abstände in 100px-Schritten stammen aus dem Briefing, und das Layout folgt diesen Schritten, statt zurechtgeschoben zu werden. Nichts in diesem Eintrag Über-uns-Seite hängt an einer Voreinstellung.
Häufige Fragen
Was bekomme ich, wenn ich das Briefing zu Tech-Noir About kopiere?
Das erfasste Briefing umfasst 3.555 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.
Was kann ich mit dem Briefing zu Tech-Noir About machen, sobald ich es habe?
Alles, was auf der Seite zitiert wird, stammt aus dem erfassten Briefing mit 3.555 Zeichen und nicht aus einer nachträglich verfassten Beschreibung. Deshalb passen die Zahlen und der Text zusammen.
Warum nennt der Eintrag React und Tailwind CSS überhaupt?
Tech-Noir 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.
