Linear
yarim tunda aniqlik asbobi
Chiziqli dizayn tizimi deyarli qora sirtlarda (#08090a) qurilgan, aniq oq shrift va bitta och yashil aksent (#e4f222) bilan ishlaydigan tungi buyruq markazi bo'lib, u funktsional chiroq vazifasini bajaradi - kichik, yuqori kontrastli va harakatlarni ko'rsatish uchun kamdan-kam ishlatiladi. Interfeys qorong'ulikni mavzu emas, balki poydevor sifatida ko'rib chiqadi: matn aniq oq rangda, harflar oralig'i tor (-0.022em), shrift og'irligi qalin emas, balki past 400–510 oralig'ida va chegaralar geometriya odatda soyalar tomonidan bajariladigan ishni bajarishi uchun juda yupqa (0.5px). Komponentlar aniq yaratilgandek tuyuladi - 6px va 12px radiuslar, ixcham 8–12px chegaralar va dekorativ elementlarning deyarli to'liq yo'qligi - bu mahsulot interfeysini (vazifa kartalari, Kanban taxtalari, AI agent panellari) aks holda tinch tizimdagi yagona vizual tekstura bo'lishiga imkon beradi.
Tartibning maksimal kengligi taxminan 1200 piksel, markazlashtirilgan, qorong'u fon ko'rish maydonining chekkalarigacha cho'zilgan. Asosiy element chapga tekislangan (64–72 piksel) katta sarlavha bo'lib, o'ngga tekislangan harakatga chaqiruv (CTA) bilan birlashtirilgan, undan keyin maksimal kenglikdan biroz tashqariga chiqadigan katta mahsulot skrinshoti keladi. Bo'limlarning ritmi chapda matn va o'ngda rasm bo'lgan ikki ustunli kompozitsiyalar va 96 pikselli vertikal novlar bilan ajratilgan to'liq kenglikdagi mahsulot displey chiziqlari o'rtasida almashinadi. Mijoz logotipi tushirilgan chiziq bitta gorizontal qatordir. Sahifada hech qachon uch ustunli karta panjaralari yoki plitkali tuzilmalar ishlatilmaydi - ma'lumot zichligi pastligicha qolmoqda, aksariyat bo'limlar ekranda yetarli oq bo'shliq va bitta fokusli elementdan foydalanadi. Navigatsiya chapga tekislangan logotip va o'ngga tekislangan havolalarga ega, yon panel yoki mega-menyusiz sobit yuqori paneldir.
Linearning vizual tili mahsulot skrinshotlariga asoslangan: boshida va bo'limlardagi rasmlar Linear ilovasining foydalanuvchi interfeysining haqiqiy tasvirlari bo'lib, ular maksimal darajada batafsil tasvirlangan - vazifa kartalari, Kanban taxtalari, AI agenti boshqaruv panellari, buyruqlar palitralari - yupqa ramkaga solingan ramkalarga joylashtirilgan. Stok fotosuratlari, turmush tarzi tasvirlari, mavhum rasmlar yo'q. Logotiplar mijozlar uchun bir xil o'lchamdagi neytral kulrang chiziq (#8a8f98) sifatida ko'rsatiladi. Belgilar monoxromatik kulrang shkaladagi minimalist chiziqli SVG tasvirlaridir. Sahifaning yuqori qismidagi skrinshot nozik chiziqli gradientda (qorong'udan yorug'likka) suzib yuradi va haqiqiy landshaftlardan foydalanmasdan atmosfera chuqurligini yaratadi. Har bir vizual element mahsulotning o'zining funktsional elementidir.
Palitra
Brend
- Acid Lime
#e4f222— Asosiy boshqaruv tugmalari va faol navigatsiya ko'rsatkichlari monoxrom rang sxemasini buzadigan yorqin aksentdir.
Neytral
- Mist
#d0d6e0— Qorong'u yuzalarda ikkilamchi sarlavhalar, tugma matni - Void
#08090a— Sahifa kanvasi, to'liq kenglikdagi fon tasviri - sukut bo'yicha barcha elementlar ushbu fonga joylashtiriladi. - Carbon
#0f1011— Karta sirtlari, navigatsiya panellari, kontentni kartalar ichiga joylashtirish uchun tuvaldan bir qadam yuqorida joylashgan. - Obsidian
#161718— Ko'tarilgan yuzalar, chuqurroq karton panellar - Graphite
#23252a— Nozik chegaralar, ajratgichlar, nozik tugma konturlari – past kontrastli teksturali qirralar - Smoke
#383b3f— Yupqa chegaralar grafit - kesim ajratgichlariga qaraganda yuqori kontrastga ega.
Tipografiya
13 dan 72 pikselgacha · 8 qadam
- Inter Variable — almashtirish: Inter (variable) · konturlar 300, 400, 510, 590 · Asosiy foydalanuvchi interfeysi va sarlavha shrifti - Navigatsiya, asosiy matn, sarlavhalar, tugmalar va kartalarda ishlatiladi.
- Berkeley Mono — almashtirish: JetBrains Mono · konturlar 400 · Kodga tutashgan UI matni - nashr identifikatorlari (ENG-2703), klaviatura yorliqlari, monospace shrift metama'lumotlari
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | keng |
| Asosiy qadam | 8px |
| Tugma radiusi | 6px |
| Karta radiusi | 12px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 96px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Linear uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Aaru — Yarim tunda zarrachalar maydoni rasadxonasi
- Atlas Card — Yagona sapfir nurlari bilan qoplangan Midnight Vault – bu toʻq qora maydon boʻlib, unda faqat chuqur elektr koʻk rang muhim ahamiyatga ega.
- Checkly — Chuqur orbitali missiyani boshqarish markazi
- Savee — Vizual kuratorlar uchun qora tuval
- Inngest — Qorong'u, sokin rasadxona, asboblar bilan ishlash uchun jihozlangan, bitta sariq chiroq bilan yoritilgan
- Dala — qora baxmal ustida suzib yurgan yulduz turkumi
- Origin Financial — Yarim tunda sokin hashamat galereyasi. Katta serif shriftlar va bir nechta yoritilgan rangli panellar moliya puxta tanlangan san'at asari degan tuyg'uni uyg'otadigan sokin, deyarli qorong'i xona.
- Hyperstudio — Dizayn obsidian rangiga chizilgan. Matn va mayda chiziqlar sof qora rangdagi oq joyni o'rab oladi, vaqti-vaqti bilan yo'lni ko'rsatuvchi oltin kompas belgilari mavjud.
- Air — "Shisha orqali yarim tun osmoni" haykali
- Resend — binafsha neon rangli qora baxmal
- Raycast — Yarim tunda qo'mondonlik markazi, Coral Neon
- Dimension — muzlatilgan shisha panellar bilan qoplangan qorong'u yoritilgan ish joyi