Telegram, WhatsApp+380637610482
Valerij Danjuk
Valerij DanjukprogramerRazvoj AI alata za tvrtke. Visokokvalitetni. Pristupačni.Pišite nam na Telegram
Linear — pregled stranice u ovom stilu

Linear

instrument preciznosti u ponoć

Linearni dizajnerski sustav je noćni zapovjedni centar izgrađen na gotovo crnim površinama (#08090a) s oštro bijelim fontom i jednim limeta zelenim naglaskom (#e4f222) koji funkcionira kao funkcionalna svjetiljka - mala, visokog kontrasta i rijetko se koristi za označavanje radnji. Sučelje tretira tamu kao temelj, a ne kao temu: tekst je oštro bijele boje s uskim razmakom između slova (-0,022em), debljine fonta su u niskom rasponu od 400 do 510, a ne podebljane, a rubovi su ultra tanki (0,5px) kako bi geometrija obavljala posao koji obično obavljaju sjene. Komponente se čine precizno izrađenima - radijusi od 6px i 12px, kompaktne margine od 8-12px i gotovo potpuni nedostatak dekorativnih elemenata - što omogućuje da korisničko sučelje proizvoda (kartice zadataka, Kanban ploče, ploče AI agenata) bude jedina vizualna tekstura u inače mirnom sustavu.

Izgled ima maksimalnu širinu od približno 1200px, centriran, s tamnom pozadinom koja se proteže do rubova prikaza. Glavni element je veliki naslov, poravnat lijevo (64–72px), uparen s pozivom na akciju (CTA) poravnanim desno, nakon čega slijedi velika snimka zaslona proizvoda koja se proteže malo izvan maksimalne širine. Ritam odjeljaka izmjenjuje se između kompozicija u dva stupca s tekstom s lijeve strane i slikom s desne strane te traka za prikaz proizvoda pune širine odvojenih okomitim rubovima od 96px. Traka s logotipom klijenta je jedan horizontalni red. Stranica nikada ne koristi mreže kartica s tri stupca ili popločane strukture - gustoća informacija ostaje niska, a većina odjeljaka koristi dovoljno bijelog prostora i jedan fokalni element na zaslonu. Navigacija je fiksna gornja traka s logotipom poravnanim lijevo i poveznicama poravnatim desno, bez bočne trake ili mega-izbornika.

Linearov vizualni jezik temelji se na snimkama zaslona proizvoda: ilustracije na početku i u odjeljcima su stvarne slike korisničkog sučelja Linear aplikacije, snimljene s maksimalnim detaljima - kartice zadataka, Kanban ploče, nadzorne ploče AI agenata, palete naredbi - smještene u tanko uokvirene okvire. Nema stock fotografija, nema slika životnog stila, nema apstraktnih ilustracija. Logotipi su prikazani kao neutralna siva pruga (#8a8f98) ujednačene veličine za kupce. Ikone su minimalističke linearne SVG slike u monokromatskoj sivoj skali. Snimka zaslona na vrhu stranice lebdi na suptilnom linearnom gradijentu (od tamnog prema svijetlom), stvarajući atmosfersku dubinu bez korištenja stvarnih krajolika. Svaki vizualni element je funkcionalni element samog proizvoda.

Paleta

Robna marka

  • Acid Lime #e4f222 — Glavne kontrolne tipke i aktivni navigacijski indikatori su svijetli naglasak koji prekida monokromatsku shemu boja.

Neutralno

  • Mist #d0d6e0 — Sekundarni naslovi, tekst gumba na tamnim površinama
  • Void #08090a — Platno stranice, pozadinska slika pune širine - prema zadanim postavkama, svi elementi su postavljeni na ovu pozadinu.
  • Carbon #0f1011 — Površine kartica, navigacijske trake, korak su iznad platna za postavljanje sadržaja unutar kartica.
  • Obsidian #161718 — Povišene površine, dublje kartonske ploče
  • Graphite #23252a — Suptilni obrubi, separatori, suptilni obrisi gumba – teksturirani rubovi niskog kontrasta
  • Smoke #383b3f — Tanke granice imaju veći kontrast od grafitnih separatora sjekova.

Tipografija

od 13 do 72px · 8 koraka

  • Inter Variable — zamjena: Inter (variable) · obrisi 300, 400, 510, 590 · Primarni font korisničkog sučelja i zaglavlja - koristi se u navigaciji, tekstu tijela, naslovima, gumbima i karticama.
  • Berkeley Mono — zamjena: JetBrains Mono · obrisi 400 · Tekst korisničkog sučelja uz kod - identifikatori izdanja (ENG-2703), tipkovnički prečaci, metapodaci fonta s jednostrukim prostorom

Intervali i forma

SvrhaZnačenje
Gustoćaprostran
Osnovni korak8px
Radijus gumba6px
Radijus kartice12px
Sjenene - obrubi umjesto sjena
Između odjeljaka96px
Širina stranice1200px

Umjetna inteligencija će izraditi vašu web stranicu u Linear stilu i ispuniti je

  • Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
  • Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
  • Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
  • Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.

Slični stilovi

  • Aaru — Opservatorij polja čestica u ponoć
  • Atlas Card — Ponoćni trezor, sa svojom jedinom safirnom zrakom, je mrklo crno prostranstvo gdje je jedino što je važno duboka električno plava boja.
  • Checkly — Centar za kontrolu misije u dubokoj orbiti
  • Savee — Crno platno za vizualne kustose
  • Inngest — Mračna, tiha zvjezdarnica, opremljena za rad s instrumentima, osvijetljena jednom žutom pilot lampicom
  • Dala — zviježđe koje lebdi na crnom baršunu
  • Origin Financial — Ponoćna galerija tihe raskoši. Tiha, gotovo mračna soba u kojoj veliki serifni fontovi i nekoliko osvijetljenih obojenih panela stvaraju osjećaj da su financije pažljivo odabrano umjetničko djelo.
  • Hyperstudio — Dizajn je urezani u opsidijan. Tekst i fine linije uokviruju bijeli prostor čiste crne boje, s povremenim zlatnim oznakama kompasa koje pokazuju put.
  • Air — skulptura "Ponoćno nebo kroz staklo"
  • Resend — crni baršun s ljubičastom neonskom bojom
  • Raycast — Ponoćni zapovjedni centar, Coral Neon
  • Dimension — radno mjesto osvijetljeno sumrakom s pločama od matiranog stakla