
Linear
strumentu di precisione di mezzanotte
U sistema di cuncepimentu lineare hè un centru di cummandu nutturnu custruitu annantu à superfici quasi nere (#08090a) cù caratteri bianchi nitidi è un unicu accentu verde lime (#e4f222) chì funziona cum'è una torcia funzionale - chjuca, à altu cuntrastu, è aduprata cù parsimonia per indicà l'azzioni. L'interfaccia tratta l'oscurità cum'è una basa piuttostu chè un tema: u testu hè un biancu nitidu cù una spaziatura stretta di e lettere (-0.022em), i pesi di i caratteri sò in a gamma bassa di 400-510 piuttostu chè in neru, è i bordi sò ultra-sottili (0.5px) per lascià chì a geometria faci u travagliu tipicamente fattu da l'ombre. I cumpunenti parenu artigianali cù precisione - raggi di 6px è 12px, margini compatti di 8-12px, è una mancanza quasi cumpleta di elementi decorativi - chì permettenu à l'interfaccia utente di u produttu (carte di attività, schede Kanban, pannelli di l'agente IA) di esse l'unica struttura visuale in un sistema altrimenti calmu.
U layout hà una larghezza massima di circa 1200px, centrata, cù un sfondate scuru chì si stende finu à i bordi di a finestra di visualizazione. L'elementu principale hè un grande titulu, allinatu à manca (64–72px), accumpagnatu da una chjama à l'azzione (CTA) allinata à diritta, seguitata da una grande screenshot di u pruduttu chì si stende ligeramente oltre a larghezza massima. U ritmu di e sezioni alterna trà cumpusizioni à duie colonne cù testu à manca è una maghjina à diritta, è strisce di visualizazione di u pruduttu à larghezza piena separate da grondaie verticali di 96px. A striscia cù u logu di u cliente hè una sola riga orizzontale. A pagina ùn usa mai griglie di carte à trè colonne o strutture piastrellate - a densità di l'infurmazioni ferma bassa, cù a maiò parte di e sezioni chì utilizanu ampiu spaziu biancu è un unicu elementu focale nantu à u schermu. A navigazione hè una barra superiore fissa cù un logu allinatu à manca è ligami allinati à diritta, senza una barra laterale o un mega-menu.
U linguaghju visuale di Linear hè basatu annantu à e screenshots di i prudutti: l'illustrazioni à l'iniziu è in e sezzioni sò imagine reale di l'interfaccia utente di l'app Linear, catturate in u massimu dettagliu - carte di attività, pannelli Kanban, dashboard di l'agenti AI, palette di cumandamenti - piazzate in cornici finemente incorniciate. Nisuna foto stock, nisuna imagine di stile di vita, nisuna illustrazioni astratte. I loghi sò visualizati cum'è una striscia grisgia neutra (#8a8f98) di dimensione uniforme per i clienti. L'icone sò imagine SVG lineari minimaliste in una scala di grigi monocromatica. A screenshot in cima à a pagina galleggia nantu à un sottile gradiente lineare (da u scuru à u chjaru), creendu prufundità atmosferica senza aduprà paisaghji veri. Ogni elementu visuale hè un elementu funzionale di u pruduttu stessu.
Paletta
Marca
- Acid Lime
#e4f222— I principali buttoni di cuntrollu è l'indicatori di navigazione attiva sò un accentu luminosu chì rompe u schema di culori monocromu.
Neutru
- Mist
#d0d6e0— Titoli secundarii, testu di i buttoni nantu à e superfici scure - Void
#08090a— Tela di pagina, imagine di fondu à larghezza piena - per difettu, tutti l'elementi sò piazzati nantu à questu fondu. - Carbon
#0f1011— E superfici di e carte, e barre di navigazione, sò un passu sopra à a tela per piazzà u cuntenutu in e carte. - Obsidian
#161718— Superfici rialzate, pannelli di cartone più profondi - Graphite
#23252a— Bordi suttili, separatori, contorni suttili di i buttoni - bordi testurizati à bassu cuntrastu - Smoke
#383b3f— I bordi fini anu un cuntrastu più altu ch'è i separatori di sezioni in grafite.
Tipografia
da 13 à 72px · 8 passi
- Inter Variable — rimpiazzamentu: Inter (variable) · contorni 300, 400, 510, 590 · UI primaria è carattere di l'intestazione - Aduprati in a navigazione, u testu di u corpu, l'intestazione, i buttoni è e carte.
- Berkeley Mono — rimpiazzamentu: JetBrains Mono · contorni 400 · Testu di l'interfaccia utente adiacente à u codice - identificatori di versione (ENG-2703), scorciatoie da tastiera, metadati di caratteri monospaziati
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | spaziosu |
| Passu basicu | 8px |
| Raggiu di u buttone | 6px |
| Raggiu di a carta | 12px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 96px |
| Larghezza di a pagina | 1200px |
L'IA custruisce u vostru situ web in stile Linear è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Aaru — Osservatoriu di u Campu di Particelle à Mezanotte
- Atlas Card — A Midnight Vault, cù u so unicu raghju di zaffiro, hè una distesa nera cum'è a pece induve l'unica cosa chì importa hè u turchinu elettricu prufondu.
- Checkly — Centru di Cuntrollu di Missione in Orbita Profonda
- Savee — Tela Nera per Curatori Visuali
- Inngest — Un osservatoriu scuru è tranquillu, equipatu per u travagliu cù strumenti, illuminatu da una sola luce pilota ambrata
- Dala — una custellazione chì vola nantu à u vellutu neru
- Origin Financial — Una galeria di mezzanotte di opulenza tranquilla. Una stanza tranquilla, guasi scura, induve grandi caratteri serif è uni pochi di pannelli culuriti illuminati creanu a sensazione chì a finanza hè un'opera d'arte attentamente curata.
- Hyperstudio — U disignu hè grattatu in ossidiana. U testu è e linee fini incornicianu un spaziu biancu di neru puru, cù qualchì volta segni di bussula d'oru chì indicanu a strada.
- Air — scultura "Cielo di mezzanotte à traversu u vetru"
- Resend — vellutu neru cù culore neon viola
- Raycast — Centru di Cummandu di Mezanotte, Coral Neon
- Dimension — una stazione di travagliu illuminata da u crepuscolu cù pannelli di vetru smerigliatu