Linear
instrument de precizie la miezul nopții
Sistemul de design liniar este un centru de comandă nocturn construit pe suprafețe aproape negre (#08090a) cu font alb intens și un singur accent verde-lime (#e4f222) care funcționează ca o lanternă funcțională - mică, cu contrast ridicat și utilizată cu moderație pentru a indica acțiuni. Interfața tratează întunericul ca pe o fundație, mai degrabă decât ca pe o temă: textul este de un alb intens, cu spațiere strânsă între litere (-0,022em), grosimile fonturilor sunt în intervalul scăzut de 400–510, în loc de îndrăznețe, iar marginile sunt ultra-subțiri (0,5px) pentru a permite geometriei să facă treaba de obicei efectuată de umbre. Componentele par realizate cu precizie - raze de 6px și 12px, margini compacte de 8–12px și o lipsă aproape completă a elementelor decorative - permițând interfeței utilizator a produsului (fișe de activități, panouri Kanban, panouri pentru agenți AI) să fie singura textură vizuală într-un sistem altfel calm.
Layout-ul are o lățime maximă de aproximativ 1200px, centrat, cu un fundal închis care se extinde până la marginile viewport-ului. Elementul principal este un titlu mare, aliniat la stânga (64–72px), asociat cu un îndemn la acțiune (CTA) aliniat la dreapta, urmat de o captură de ecran mare a produsului care se extinde puțin dincolo de lățimea maximă. Ritmul secțiunilor alternează între compoziții pe două coloane cu text în stânga și o imagine în dreapta, și benzi de afișare a produsului pe toată lățimea, separate prin margini verticale de 96px. Banda cu sigla clientului este un singur rând orizontal. Pagina nu folosește niciodată grile de cartonașe pe trei coloane sau structuri tip dală - densitatea informațiilor rămâne scăzută, majoritatea secțiunilor folosind spațiu alb amplu și un singur element focal pe ecran. Navigarea este o bară superioară fixă cu un logo aliniat la stânga și linkuri aliniate la dreapta, fără o bară laterală sau un mega-meniu.
Limbajul vizual al Linear se bazează pe capturi de ecran ale produselor: ilustrațiile de la început și din secțiuni sunt imagini reale ale interfeței utilizator a aplicației Linear, surprinse în detaliu maxim - fișe de activități, panouri Kanban, tablouri de bord pentru agenți AI, palete de comenzi - plasate în rame subțiri. Fără fotografii de stoc, fără imagini cu stil de viață, fără ilustrații abstracte. Logo-urile sunt afișate ca o bandă gri neutră (#8a8f98) de dimensiuni uniforme pentru clienți. Pictogramele sunt imagini SVG liniare minimaliste într-o scară de gri monocromatică. Captura de ecran din partea de sus a paginii plutește pe un gradient liniar subtil (de la întuneric la luminos), creând profunzime atmosferică fără a utiliza peisaje reale. Fiecare element vizual este un element funcțional al produsului în sine.
Paletă
Marca
- Acid Lime
#e4f222— Butoanele principale de control și indicatorii de navigare activă sunt un accent luminos care rupe schema de culori monocromă.
Neutru
- Mist
#d0d6e0— Titluri secundare, text pentru butoane pe suprafețe întunecate - Void
#08090a— Pânză de pagină, imagine de fundal pe lățime completă - în mod implicit, toate elementele sunt plasate pe acest fundal. - Carbon
#0f1011— Suprafețele cardurilor, barele de navigare, sunt un pas deasupra pânzei pentru plasarea conținutului în interiorul cardurilor. - Obsidian
#161718— Suprafețe ridicate, panouri de carton mai adânci - Graphite
#23252a— Borduri subtile, separatoare, contururi subtile ale butoanelor – margini texturate cu contrast redus - Smoke
#383b3f— Marginile subțiri au un contrast mai mare decât separatoarele de secțiuni din grafit.
Tipografie
de la 13 la 72px · 8 pași
- Inter Variable — înlocuire: Inter (variable) · contururi 300, 400, 510, 590 · Font principal pentru interfața cu utilizatorul și antetul - Folosit în navigare, text, titluri, butoane și carduri.
- Berkeley Mono — înlocuire: JetBrains Mono · contururi 400 · Textul interfeței utilizator adiacent codului - identificatori de lansare (ENG-2703), comenzi rapide de la tastatură, metadate ale fontului monospațial
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | spațios |
| Pasul de bază | 8px |
| Raza butonului | 6px |
| Raza cardului | 12px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 96px |
| Lățimea paginii | 1200px |
Inteligența artificială vă va construi site-ul web în stilul Linear și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Aaru — Observatorul Câmpului de Particule la miezul nopții
- Atlas Card — Seiful de la Miezul Nopții, cu singura sa rază de safir, este o întindere neagră ca smoala, unde singurul lucru care contează este albastrul electric intens.
- Checkly — Centrul de Control al Misiunii pe Orbită Deep
- Savee — Pânză neagră pentru curatori vizuali
- Inngest — Un observator întunecat și liniștit, echipat pentru lucrul cu instrumente, iluminat de o singură lumină pilot chihlimbarie
- Dala — o constelație plutind pe catifeaua neagră
- Origin Financial — O galerie de opulență liniștită, ca de obicei în miezul nopții. O cameră liniștită, aproape întunecată, unde fonturi mari cu serife și câteva panouri colorate iluminate creează senzația că finanțele sunt o operă de artă atent selecționată.
- Hyperstudio — Designul este zgâriat în obsidian. Textul și liniile fine încadrează un spațiu alb de un negru pur, cu ocazionale urme aurii de busolă care indică drumul.
- Air — sculptura „Cerul de la miezul nopții prin sticlă”
- Resend — catifea neagră cu culoare neon violet
- Raycast — Centrul de comandă de la miezul nopții, Coral Neon
- Dimension — o stație de lucru luminată la amurg, cu panouri de sticlă mată