Linear
gijeki takyklykly gural
Linear dizaýn ulgamy gara reňkli ýüzlerde (#08090a) gurlan, ak reňkli şrift we ýekeje laým-ýaşyl reňkli aksent (#e4f222) bolan gijeki dolandyryş merkezi bolup, ol funksional çyra hökmünde işleýär — kiçi, ýokary kontrastly we hereketleri görkezmek üçin seýrek ulanylýar. Interfeýs garaňkylygy tema däl-de, esas hökmünde kabul edýär: tekst ak reňkde, harplar aralygynda gysga (-0.022em), şriftiň agramy galyň däl-de, pes 400–510 aralygynda we çäkler geometriýanyň adatça kölegeler tarapyndan ýerine ýetirilýän işi ýerine ýetirmegine mümkinçilik bermek üçin örän inçe (0.5px). Komponentler takyk döredilen ýaly duýulýar — 6px we 12px radiuslar, ykjam 8–12px gyralar we bezeg elementleriniň diýen ýaly ýoklugy — önümiň UI-siniň (tapşyryk kartlary, Kanban tagtalary, AI agent panelleri) başgaça asuda ulgamda ýeke-täk wizual tekstura bolmagyna mümkinçilik berýär.
Maketiň iň uly ini takmynan 1200 piksel, merkezleşdirilen, garaňky fon bolsa görnüş meýdançasynyň gyralaryna çenli uzalyp gidýär. Esasy element çep tarapa deňleşdirilen uly sözbaşy (64–72 piksel), sag tarapa deňleşdirilen herekete çagyryş (CTA) bilen utgaşdyrylan, soňra iň uly iniden birneme uzalyp gidýän uly önüm skrinşotydyr. Bölümleriň ritmi çep tarapda tekst we sag tarapda surat bolan iki sütünli kompozisiýalar we 96 piksel dik turbalar bilen bölünen doly giňlikdäki önüm görkezme zolaklary arasynda üýtgeýär. Müşderiniň logotipi bolan zolak ýeke-täk kese setirdir. Sahypa hiç haçan üç sütünli kart torlaryny ýa-da plitkaly gurluşlary ulanmaýar - maglumat dykyzlygy pes bolmagynda galýar, köp bölümler ekranda ýeterlik ak boşluk we ýeke-täk fokus elementini ulanýar. Nawigasiýa çep tarapa deňleşdirilen logotip we sag tarapa deňleşdirilen baglanyşyklary bolan, gapdal paneli ýa-da mega-menýusy bolmadyk, berk ýokarky paneldir.
“Linear”-yň wizual dili önümiň ekran suratlaryna esaslanýar: başdaky we bölümlerdäki suratlar “Linear” programmasynyň ulanyjy interfeýsiniň hakyky suratlary bolup, iň jikme-jik suratlar hökmünde görkezilýär — wezipe kartlary, “Kanban” tagtalary, AI agentleriniň panelleri, buýruk palitralary — inçe çarçuwaly çarçuwalarda ýerleşdirilen. Stok suratlary, durmuş suratlary, abstrakt suratlar ýok. Logotipler müşderiler üçin birmeňzeş ölçegdäki neýtral çal zolak (#8a8f98) hökmünde görkezilýär. Nyşanlar monohromatik çal reňkli minimalist çyzykly SVG suratlarydyr. Sahypanyň ýokarsyndaky surat hakyky peýzažlary ulanmazdan atmosfera çuňlugyny döredýän inçe çyzykly gradientde (garaňkydan ýagtylyga çenli) ýüzýär. Her bir wizual element önümiň özüniň funksional elementidir.
Palitra
Brend
- Acid Lime
#e4f222— Esasy dolandyryş düwmeleri we işjeň nawigasiýa görkezijileri monohrom reňk shemasyny bozýan ýagty aksentdir.
Neýtral
- Mist
#d0d6e0— Ikinji derejeli sözbaşylar, garaňky ýüzlerde düwme teksti - Void
#08090a— Sahypanyň kanwasy, doly giňlikdäki fon suraty - adatça, ähli elementler şu fonda ýerleşdirilýär. - Carbon
#0f1011— Kartlaryň içine mazmuny ýerleşdirmek üçin kart ýüzleri, nawigasiýa panelleri, tuwaldan bir ädim ýokarda ýerleşýär. - Obsidian
#161718— Galdyrylan ýüzler, has çuň karton paneller - Graphite
#23252a— Inçe serhetler, bölüjiler, inçe düwme konturlary – pes kontrastly teksturaly gyralar - Smoke
#383b3f— Inçe çäkler grafit - kesim bölüjilerine garanyňda has ýokary kontrastlydyr.
Tipografiýa
13-den 72 piksele çenli · 8 ädim
- Inter Variable — çalyşmak: Inter (variable) · konturlar 300, 400, 510, 590 · Esasy UI we Başlyk Şrifti - Nawigasiýada, esasy tekstde, başlyklarda, düwmelerde we kartoçkalarda ulanylýar.
- Berkeley Mono — çalyşmak: JetBrains Mono · konturlar 400 · Kod bilen goňşy UI teksti - goýberiş identifikatorlary (ENG-2703), klawiatura gysga ýollary, monospace şrift metamaglumatlary
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | giňişlik |
| Esasy ädim | 8px |
| Düwme radiusy | 6px |
| Kart radiusy | 12px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 96px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Linear stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Aaru — Gije ýarymynda bölejik meýdanynyň gözegçilik merkezi
- Atlas Card — Ýalňyz sapfir şöhlesi bilen Midnight Vault, diňe goýy elektrik gök reňki bolan garaňky giňişlikdir.
- Checkly — Çuňňur Orbita Missiýasynyň Gözegçilik Merkezi
- Savee — Görsel Kuratorlar üçin Gara Tuval
- Inngest — Garaňky, sessiz obserwatoriýa, gurallar bilen işlemek üçin enjamlaşdyrylan, ýekeje sary reňkli pilot çyrasy bilen ýagtylandyrylan
- Dala — gara mahmalyň üstünde aýlanyp duran ýyldyz topary
- Origin Financial — Ýary gijeki sessiz baýlygyň galereýasy. Uly serif şriftleri we birnäçe ýagtylandyrylan reňkli paneller maliýe sungatynyň üns bilen saýlanan sungat eseri ýaly duýgyny döredýän sessiz, diýen ýaly garaňky otag.
- Hyperstudio — Dizaýn obsidian reňkine çyzylypdyr. Tekst we inçe çyzyklar arassa gara reňkli ak giňişligi gurşap alýar, wagtal-wagtal ýoly görkezýän altyn kompas belgileri bar.
- Air — "Aýnanyň içinden gijäniň ýary asmany" heýkeli
- Resend — gara mahmal we gyrmyzy neon reňki
- Raycast — Ýarym gijeki dolandyryş merkezi, Mercan Neon
- Dimension — Aýna panelleri bilen örtülen garaňkylyk ýagtylandyrylan iş ýeri