
Linear
gecə yarısı dəqiq alət
Xətti dizayn sistemi, demək olar ki, qara səthlər üzərində qurulmuş (#08090a), aydın ağ şrift və tək əhəng-yaşıl vurğu (#e4f222) ilə qurulmuş gecə idarəetmə mərkəzidir. Bu mərkəz funksional fənər kimi fəaliyyət göstərir - kiçik, yüksək kontrastlı və hərəkətləri göstərmək üçün az istifadə olunur. İnterfeys qaranlığı mövzu deyil, təməl kimi qəbul edir: mətn dar hərf aralığına malik aydın ağ rəngdədir (-0.022em), şrift çəkiləri qalın deyil, aşağı 400-510 diapazonundadır və sərhədlər həndəsənin adətən kölgələr tərəfindən görülən işi görməsinə imkan vermək üçün ultra nazikdir (0.5 piksel). Komponentlər dəqiq hazırlanmış kimi hiss olunur - 6 və 12 piksel radius, kompakt 8-12 piksel haşiyələr və dekorativ elementlərin demək olar ki, tamamilə olmaması - məhsul UI-nin (tapşırıq kartları, Kanban lövhələri, süni intellekt agent panelləri) başqa cür sakit bir sistemdə yeganə vizual tekstura olmasına imkan verir.
Dizaynın maksimum eni təxminən 1200 pikseldir, mərkəzləşdirilmiş, qaranlıq fon baxış pəncərəsinin kənarlarına qədər uzanır. Əsas element sola düzülmüş (64–72 piksel) böyük bir başlıqdır, sağa düzülmüş hərəkətə çağırış (CTA) ilə birləşdirilmişdir və ardınca maksimum endən bir qədər kənara çıxan böyük bir məhsul ekran görüntüsü gəlir. Bölmələrin ritmi solda mətn və sağda şəkil olan iki sütunlu kompozisiyalar və 96 piksel şaquli novlarla ayrılmış tam enli məhsul ekran zolaqları arasında dəyişir. Müştərinin loqosu olan zolaq tək üfüqi sətirdir. Səhifə heç vaxt üç sütunlu kart şəbəkələrindən və ya kafel strukturlarından istifadə etmir - məlumat sıxlığı aşağı olaraq qalır, əksər bölmələr ekranda kifayət qədər ağ boşluq və tək fokus elementindən istifadə edir. Naviqasiya, yan panel və ya meqa-menyu olmadan, sola düzülmüş loqotip və sağa düzülmüş keçidlər olan sabit üst paneldir.
Linear-ın vizual dili məhsul ekran görüntülərinə əsaslanır: əvvəlindəki və bölmələrindəki illüstrasiyalar, Linear tətbiqinin istifadəçi interfeysinin real şəkilləridir və maksimum dərəcədə ətraflı şəkildə çəkilib — tapşırıq kartları, Kanban lövhələri, süni intellekt agent panelləri, əmr palitraları — nazik çərçivəli çərçivələrə yerləşdirilib. Stok fotoşəkilləri, həyat tərzi şəkilləri, mücərrəd illüstrasiyalar yoxdur. Loqolar müştərilər üçün vahid ölçülü neytral boz zolaq (#8a8f98) kimi göstərilir. İkonlar monoxromatik boz miqyasda minimalist xətti SVG şəkilləridir. Səhifənin yuxarısındakı ekran görüntüsü, real mənzərələrdən istifadə etmədən atmosfer dərinliyi yaradan incə xətti qradiyentdə (qaranlıqdan işığa qədər) üzür. Hər vizual element məhsulun özünün funksional elementidir.
Palitra
Brend
- Acid Lime
#e4f222— Əsas idarəetmə düymələri və aktiv naviqasiya göstəriciləri monoxrom rəng sxemini pozan parlaq bir vurğudur.
Neytral
- Mist
#d0d6e0— İkinci dərəcəli başlıqlar, qaranlıq səthlərdə düymə mətni - Void
#08090a— Səhifə kətan, tam enli fon şəkli - standart olaraq, bütün elementlər bu fonda yerləşdirilir. - Carbon
#0f1011— Kart səthləri, naviqasiya panelləri, kartların içərisinə məzmun yerləşdirmək üçün kətandan bir addım yuxarıdadır. - Obsidian
#161718— Qaldırılmış səthlər, daha dərin karton panellər - Graphite
#23252a— İncə haşiyələr, ayırıcılar, incə düymə konturları – aşağı kontrastlı teksturalı kənarlar - Smoke
#383b3f— İncə haşiyələr qrafit kəsik ayırıcılarına nisbətən daha yüksək kontrasta malikdir.
Tipoqrafiya
13-dən 72 pikselə qədər · 8 addım
- Inter Variable — əvəzetmə: Inter (variable) · konturlar 300, 400, 510, 590 · Əsas UI və Başlıq Şrifti - Naviqasiya, əsas mətn, başlıqlar, düymələr və kartlarda istifadə olunur.
- Berkeley Mono — əvəzetmə: JetBrains Mono · konturlar 400 · Koda bitişik UI mətni - buraxılış identifikatorları (ENG-2703), klaviatura qısayolları, monospace şrift metaməlumatları
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | geniş |
| Əsas addım | 8px |
| Düymə radiusu | 6px |
| Kart radiusu | 12px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 96px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Linear üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Aaru — Gecəyarısı Hissəcik Sahəsi Rəsədxanası
- Atlas Card — Tək sapfir şüası ilə Gecəyarısı Sığınacağı, tək vacib olanın tünd elektrik mavisi olduğu qapqara bir məkandır.
- Checkly — Dərin Orbit Missiyasının İdarəetmə Mərkəzi
- Savee — Vizual Kuratorlar üçün Qara Kətan
- Inngest — Alətlərlə işləmək üçün təchiz olunmuş, tək bir kəhrəba pilot işığı ilə işıqlandırılan qaranlıq, sakit bir rəsədxana
- Dala — qara məxmər üzərində dalğalanan bir bürc
- Origin Financial — Sakit dəbdəbənin gecə yarısı qalereyası. Böyük serif şriftlərin və bir neçə işıqlı rəngli panelin maliyyənin diqqətlə seçilmiş bir sənət əsəri olduğu hissini yaratdığı sakit, demək olar ki, qaranlıq bir otaq.
- Hyperstudio — Dizayn obsidian rəngində cızıqlarla cızılıb. Mətn və incə xətlər ağ boşluğu təmiz qara rəngdə çərçivəyə alır və ara sıra yolu göstərən qızılı kompas işarələri var.
- Air — "Gecəyarısı Şüşədən Səma" heykəli
- Resend — bənövşəyi neon rəngli qara məxmər
- Raycast — Gecəyarısı Komandanlıq Mərkəzi, Mərcan Neon
- Dimension — Buzlu şüşə panelləri olan qaranlıq işıqlı iş yeri