Mitternachts-Präzisionsinstrument

Das lineare Designsystem ist eine nächtliche Kommandozentrale, die auf nahezu schwarzen Oberflächen (#08090a) mit klarer weißer Schrift und einem einzelnen limettengrünen Akzent (#e4f222) basiert. Dieser dient als funktionale Taschenlampe – klein, kontrastreich und sparsam eingesetzt, um Aktionen anzuzeigen. Die Benutzeroberfläche nutzt Dunkelheit als Grundlage, nicht als Thema: Der Text ist in klarem Weiß gehalten, mit geringem Buchstabenabstand (-0,022em), die Schriftstärken liegen im niedrigen Bereich von 400–510 statt fett, und die Ränder sind hauchdünn (0,5px), sodass die Geometrie die Funktion übernimmt, die normalerweise von Schatten erzeugt wird. Die Komponenten wirken präzise gestaltet – 6px und 12px Radien, kompakte 8–12px Ränder und ein nahezu vollständiges Fehlen dekorativer Elemente – wodurch die Produkt-UI (Aufgabenkarten, Kanban-Boards, KI-Agenten-Panels) die einzige visuelle Struktur in einem ansonsten ruhigen System bildet.

Das Layout ist zentriert und hat eine maximale Breite von ca. 1200 Pixeln. Der dunkle Hintergrund reicht bis an die Ränder des Viewports. Hauptelement ist eine große, linksbündige Überschrift (64–72 Pixel), kombiniert mit einem rechtsbündigen Call-to-Action (CTA). Darauf folgt ein großer Produkt-Screenshot, der die maximale Breite leicht überschreitet. Die Abschnitte wechseln zwischen zweispaltigen Layouts mit Text links und Bild rechts sowie Produktstreifen in voller Breite, die durch 96 Pixel breite vertikale Abstände getrennt sind. Der Streifen mit dem Kundenlogo besteht aus einer einzigen horizontalen Zeile. Die Seite verzichtet auf dreispaltige Kartenraster oder Kachelstrukturen – die Informationsdichte bleibt gering, da die meisten Abschnitte viel Weißraum und ein einzelnes Fokuselement auf dem Bildschirm nutzen. Die Navigation besteht aus einer festen oberen Leiste mit linksbündigem Logo und rechtsbündigen Links, ohne Seitenleiste oder Mega-Menü.

Die Bildsprache von Linear basiert auf Produkt-Screenshots: Die Illustrationen am Anfang und in den Abschnitten zeigen detailgetreue, reale Bilder der Benutzeroberfläche der Linear-App – Aufgabenkarten, Kanban-Boards, KI-Agenten-Dashboards, Befehlspaletten – in schmalen Rahmen. Keine Stockfotos, keine Lifestyle-Bilder, keine abstrakten Illustrationen. Logos werden als neutraler grauer Streifen (#8a8f98) in einheitlicher Größe für Kunden dargestellt. Icons sind minimalistische, lineare SVG-Bilder in monochromem Grau. Der Screenshot oben auf der Seite schwebt auf einem dezenten linearen Farbverlauf (von dunkel nach hell) und erzeugt so atmosphärische Tiefe, ohne reale Landschaften zu verwenden. Jedes visuelle Element ist ein funktionales Element des Produkts.