strumento di precisione di mezzanotte

Il sistema di design Linear è un centro di comando notturno costruito su superfici quasi nere (#08090a) con testo bianco nitido e un singolo accento verde lime (#e4f222) che funge da torcia funzionale: piccolo, ad alto contrasto e usato con parsimonia per indicare le azioni. L'interfaccia tratta l'oscurità come base piuttosto che come tema: il testo è di un bianco nitido con spaziatura tra le lettere ridotta (-0,022em), i pesi dei caratteri sono bassi, compresi tra 400 e 510, anziché in grassetto, e i bordi sono ultrasottili (0,5px) per lasciare che la geometria svolga il lavoro tipicamente svolto dalle ombre. I componenti appaiono realizzati con precisione – raggi di 6px e 12px, margini compatti di 8-12px e una quasi totale assenza di elementi decorativi – consentendo all'interfaccia utente del prodotto (schede attività, lavagne Kanban, pannelli dell'agente AI) di essere l'unica texture visiva in un sistema altrimenti sobrio.

Il layout ha una larghezza massima di circa 1200px, centrato, con uno sfondo scuro che si estende fino ai bordi della finestra di visualizzazione. L'elemento principale è un titolo di grandi dimensioni, allineato a sinistra (64-72px), abbinato a una call to action (CTA) allineata a destra, seguita da un'ampia schermata del prodotto che si estende leggermente oltre la larghezza massima. Il ritmo delle sezioni alterna composizioni a due colonne con testo a sinistra e immagine a destra, e strisce di visualizzazione del prodotto a larghezza intera separate da margini verticali di 96px. La striscia con il logo del cliente è composta da una singola riga orizzontale. La pagina non utilizza mai griglie a tre colonne o strutture a riquadri: la densità delle informazioni rimane bassa, con la maggior parte delle sezioni che utilizza ampi spazi bianchi e un singolo elemento focale sullo schermo. La navigazione è costituita da una barra superiore fissa con un logo allineato a sinistra e link allineati a destra, senza barra laterale o mega-menu.

Il linguaggio visivo di Linear si basa su screenshot del prodotto: le illustrazioni all'inizio e nelle sezioni sono immagini reali dell'interfaccia utente dell'app Linear, catturate con il massimo dettaglio (schede attività, lavagne Kanban, dashboard dell'agente AI, palette dei comandi), inserite in cornici sottili. Nessuna foto di repertorio, nessuna immagine di lifestyle, nessuna illustrazione astratta. I loghi sono visualizzati come una striscia grigia neutra (#8a8f98) di dimensioni uniformi per i clienti. Le icone sono immagini SVG lineari minimaliste in una scala di grigi monocromatica. Lo screenshot in cima alla pagina fluttua su una sottile sfumatura lineare (dal più scuro al più chiaro), creando profondità atmosferica senza utilizzare paesaggi reali. Ogni elemento visivo è un elemento funzionale del prodotto stesso.