Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukgaratzaileEnpresentzako IA tresnak garatzen. Kalitate handikoa. Merkea.Idatzi Telegram bidez
Linear — estilo honetako gune baten aurrebista

Linear

gauerdiko zehaztasun-tresna

Diseinu linealaren sistema gaueko aginte-zentro bat da, ia gainazal beltzetan eraikia (#08090a), letra zuri garbiekin eta limoi-berde azentu bakarrarekin (#e4f222), linterna funtzional gisa funtzionatzen duena —txikia, kontraste handikoa eta ekintzak adierazteko gutxitan erabiltzen dena—. Interfazeak iluntasuna oinarri gisa hartzen du, gai gisa baino: testua zuri garbia da, letren arteko tarte estuarekin (-0.022em), letra-tipoen lodiera 400-510 tarte baxuan dago, loditu beharrean, eta ertzak ultra-meheak dira (0.5px) geometriak itzalek normalean egiten duten lana egin dezan. Osagaiak zehaztasunez landuak dirudite —6px eta 12px erradioak, 8-12px marjina trinkoak eta elementu apaingarririk ia erabat—, produktuaren erabiltzaile-interfazea (zeregin-txartelak, Kanban taulak, IA agenteen panelak) sistema lasai bateko ehundura bisual bakarra izatea ahalbidetuz.

Diseinuak gehienez 1200px-ko zabalera du, erdian, eta atzeko plano ilun batekin, ikus-eremuaren ertzetaraino iristen dena. Elementu nagusia izenburu handi bat da, ezkerrean lerrokatuta (64–72px), eskuinean lerrokatuta dagoen ekintzarako dei batekin (CTA) lotuta, eta ondoren, gehienezko zabaleratik apur bat harago hedatzen den produktuaren pantaila-argazki handi bat. Atalen erritmoa bi zutabeko konposizioen artean txandakatzen da, ezkerrean testua eta eskuinean irudi bat dituztenak, eta zabalera osoko produktuaren bistaratze-zerrenden artean, 96px-ko bertikalki bereizita. Bezeroaren logotipoa duen zerrenda errenkada horizontal bakarra da. Orrialdeak ez du inoiz hiru zutabeko txartel-saretarik edo teila-egiturak erabiltzen; informazio-dentsitatea baxua da, atal gehienek espazio zuri zabala eta pantailan foku-elementu bakarra erabiltzen baitute. Nabigazioa goiko barra finko bat da, ezkerrean lerrokatutako logotipoa eta eskuinean lerrokatutako estekak dituena, alboko barrarik edo mega-menurik gabe.

Linear-en hizkuntza bisuala produktuen pantaila-argazkietan oinarritzen da: hasierako eta ataletako ilustrazioak Linear aplikazioaren erabiltzaile-interfazearen irudi errealak dira, xehetasun handienez jasota —zeregin-txartelak, Kanban taulak, IA agenteen aginte-panelak, komando-paletak— marko finetan jarrita. Ez stock argazkirik, ez bizimodu irudirik, ez ilustrazio abstrakturik. Logotipoak bezeroentzako tamaina uniformeko marra gris neutro gisa bistaratzen dira (#8a8f98). Ikonoak SVG irudi lineal minimalistak dira, eskala gris monokromatiko batean. Orriaren goialdean dagoen pantaila-argazkia gradiente lineal sotil batean flotatzen da (ilunetik argira), sakontasun atmosferikoa sortuz paisaia errealak erabili gabe. Elementu bisual bakoitza produktuaren beraren elementu funtzionala da.

Paleta

Marka

  • Acid Lime #e4f222 — Kontrol-botoi nagusiak eta nabigazio aktiboko adierazleak kolore monokromoko eskema hausten duen azentu distiratsua dira.

Neutroa

  • Mist #d0d6e0 — Bigarren mailako goiburuak, botoien testua gainazal ilunetan
  • Void #08090a — Orriaren mihisea, zabalera osoko atzeko planoaren irudia - lehenespenez, elementu guztiak atzeko plano honetan jartzen dira.
  • Carbon #0f1011 — Txartelen gainazalak, nabigazio barrak, mihisearen gainetik daude txartelen barruan edukia jartzeko.
  • Obsidian #161718 — Gainazal altxatuak, kartoizko panel sakonagoak
  • Graphite #23252a — Ertz sotilak, bereizleak, botoien eskema sotilak - kontraste txikiko testuradun ertzak
  • Smoke #383b3f — Ertz meheek grafitozko sekzio-bereizleek baino kontraste handiagoa dute.

Tipografia

13tik 72px-ra · 8 urrats

  • Inter Variable — ordezkapena: Inter (variable) · eskemak 300, 400, 510, 590 · UI nagusia eta goiburuko letra-tipoa - Nabigazioan, testu-gorputzean, goiburuetan, botoietan eta txarteletan erabiltzen da.
  • Berkeley Mono — ordezkapena: JetBrains Mono · eskemak 400 · Kodearen ondoko UI testua - bertsio identifikatzaileak (ENG-2703), teklatuko lasterbideak, letra-tipo monoespazialaren metadatuak

Tarteak eta forma

HelburuaEsanahia
Dentsitateazabal
Oinarrizko urratsa8px
Botoiaren erradioa6px
Txartelaren erradioa12px
Itzalakez - itzalen ordez ertzak
Atalen artean96px
Orriaren zabalera1200px

Adimen artifizialak zure webgunea Linear estiloan eraikiko du eta beteko du

  • Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
  • Transferitu edukia zure gune zaharretik: zehaztu helbidea.
  • Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
  • Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.

Estilo antzekoak

  • Aaru — Partikula Eremuaren Behatokia gauerdian
  • Atlas Card — Gauerdiko Ganga, bere zafiro izpi bakarrarekin, ilun-ilun dagoen zabalera bat da, non axola duen gauza bakarra urdin elektriko sakona den.
  • Checkly — Orbita Sakoneko Misioen Kontrol Zentroa
  • Savee — Mihise beltza komisario bisualentzat
  • Inngest — Behatoki ilun eta isila, tresnekin lan egiteko hornitua, anbar koloreko pilotu-argi bakar batek argiztatua
  • Dala — belusezko beltzaren gainean hegan dabilen konstelazio bat
  • Origin Financial — Gauerdiko galeria oparoa eta isila. Gela isila eta ia iluna, non serif letra-tipo handiek eta koloretako panel argiztatu batzuek finantzak arretaz zaindutako artelan bat direlako sentsazioa sortzen duten.
  • Hyperstudio — Diseinua obsidianan marraztuta dago. Testuak eta lerro finek beltz hutsezko espazio zuri bat inguratzen dute, noizean behin urrezko konpas markak bidea adierazten dutelarik.
  • Air — eskultura "Gauerdiko zerua beiraren bidez"
  • Resend — belusezko beltza neon more kolorearekin
  • Raycast — Gauerdiko Komando Zentroa, Coral Neon
  • Dimension — beirazko panel izoztuak dituen ilunabarrean argiztatutako lan-estazioa