Linear
instrument preciznosti u ponoć
Linearni sistem dizajna je noćni komandni centar izgrađen na gotovo crnim površinama (#08090a) sa oštro bijelim fontom i jednim limeta zelenim akcentom (#e4f222) koji funkcioniše kao funkcionalna baterijska lampa - mala, visokog kontrasta i rijetko korištena za označavanje radnji. Interfejs tretira tamu kao osnovu, a ne kao temu: tekst je oštro bijele boje sa uskim razmakom između slova (-0,022em), debljine fonta su u niskom rasponu od 400-510, a ne podebljane, a okviri su ultra tanki (0,5px) kako bi geometrija obavljala posao koji obično obavljaju sjene. Komponente djeluju precizno izrađene - radijusi od 6px i 12px, kompaktne margine od 8-12px i gotovo potpuni nedostatak dekorativnih elemenata - što omogućava da korisnički interfejs proizvoda (kartice zadataka, Kanban table, paneli AI agenata) bude jedina vizuelna tekstura u inače mirnom sistemu.
Raspored 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) poravnatim desno, nakon čega slijedi veliki snimak ekrana proizvoda koji se proteže neznatno izvan maksimalne širine. Ritam odjeljaka se naizmjenično kreće između kompozicija u dvije kolone s tekstom s lijeve strane i slikom s desne strane, te traka za prikaz proizvoda pune širine odvojenih vertikalnim rubovima od 96px. Traka s logotipom klijenta je jedan horizontalni red. Stranica nikada ne koristi mreže kartica s tri kolone ili popločane strukture - gustoća informacija ostaje niska, pri čemu većina odjeljaka koristi dovoljno bijelog prostora i jedan fokalni element na ekranu. Navigacija je fiksna gornja traka s logotipom poravnatim lijevo i linkovima poravnatim desno, bez bočne trake ili mega-izbornika.
Vizuelni jezik Lineara zasnovan je na snimcima ekrana proizvoda: ilustracije na početku i u odjeljcima su stvarne slike korisničkog interfejsa Linear aplikacije, snimljene u maksimalnim detaljima - kartice zadataka, Kanban ploče, kontrolne ploče AI agenata, palete komandi - smještene u tanko uokvirene okvire. Nema fotografija iz baze podataka, 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 monohromatskoj sivoj skali. Snimak ekrana na vrhu stranice lebdi na suptilnom linearnom gradijentu (od tamnog ka svijetlom), stvarajući atmosfersku dubinu bez korištenja stvarnih pejzaža. Svaki vizuelni element je funkcionalni element samog proizvoda.
Paleta
Brend
- Acid Lime
#e4f222— Glavni kontrolni tasteri i aktivni indikatori navigacije su jarki akcenat koji prekida monohromatsku shemu boja.
Neutralno
- Mist
#d0d6e0— Sekundarni naslovi, tekst dugmadi na tamnim površinama - Void
#08090a— Platno stranice, pozadinska slika pune širine - podrazumijevano, svi elementi su postavljeni na ovu pozadinu. - Carbon
#0f1011— Površine kartica, navigacijske trake, su korak iznad platna za postavljanje sadržaja unutar kartica. - Obsidian
#161718— Podignute površine, dublje kartonske ploče - Graphite
#23252a— Suptilne ivice, separatori, suptilni obrisi dugmadi – teksturirane ivice 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 interfejsa i zaglavlja - Koristi se u navigaciji, tekstu tijela, naslovima, dugmadima i karticama.
- Berkeley Mono — zamjena: JetBrains Mono · obrisi 400 · Tekst korisničkog interfejsa u blizini koda - identifikatori izdanja (ENG-2703), prečice na tastaturi, metapodaci fonta s jednostrukim prostorom
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 8px |
| Radijus dugmeta | 6px |
| Radijus kartice | 12px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 96px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Linear stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Aaru — Opservatorija polja čestica u ponoć
- Atlas Card — Ponoćni trezor, sa svojim jednim safirnim 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 opservatorija, opremljena za rad s instrumentima, osvijetljena jednom žutom pilot lampicom
- Dala — sazviježđ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 čisto 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 komandni centar, Coral Neon
- Dimension — radno mjesto osvijetljeno u sumraku s matiranim staklenim pločama