Huly
Gecəyarısı Rəsədxanasında Şimal İşıqları - baş qəhrəman bənövşəyi rəngli şaquli bir şüadır və mərcana çevrilir və onun altındakı hər sakit hissə daha sakit bir tonda danışılan eyni iki tonlu hekayəni özündə birləşdirir.
Huly kosmik iş sahəsinin atmosferini xatırladır: əsas elementi kəsən tək bənövşəyi-kəhrəba parıltısı olan demək olar ki, qara rəngli bir kətan və onun altında məhsuldarlığı artırmaq üçün daha sakit bir şəbəkə var. Sistem dar rəng diapazonunda işləyir - bir parlaq mavi və bir mərcan bütün marka işlərini laylı qrafit səthlərinə qarşı yerinə yetirir, buna görə də qaranlıq rejim heç vaxt neytral hiss olunmur. Tipoqrafiya, əsas məqamlar üçün ayrılmış xüsusi şrift (Esbuild) ilə, 80-84 piksel aralığı və aqressiv mənfi hərf aralığı ilə funksional olan hər şey üçün Inter-style-dır. Komponentlər kapsul şəklindədir: idarəetmə panellərində 9999 piksel radius, kartlarda 12 piksel, minimal kölgə və əsas bəzək kimi parlayan qradiyent xətləri. Səhifə tam səhifəli qaranlıq sahələr və sakit işıq bölmələri arasında növbələşir, buna görə də hər hansı yeni ekran rəng seçməzdən əvvəl rejim barədə qərar verməlidir.
Tam enli ana səhifədə şimal işıqlarının şaquli şüası və sola düzülmüş başlıq, həmçinin aşağı sağda yerləşən məhsulun ekran görüntüsü var. Ana səhifənin altında maksimum enində, 1200 piksel olan, növbələşən tünd və açıq zolaqlı məzmun sahəsi var. Hər bölmə tək bir şaquli blokdur: başlıq və 96 piksel boşluqlarla ayrılmış 3 və ya 4 sütunlu kartlar şəbəkəsi. "MetaBrain" bölməsi şəbəkəni mərkəzləşdirilmiş başlıq və müxtəlif ölçülü kartların mozaikası (böyük əsas kart və daha kiçik dəstək kartları) ilə ayırır. Səhifə SaaS standartlarına uyğun olaraq məzmun baxımından zəngindir, lakin hər bölməyə nəfəs almaq üçün yer vermək üçün növbələşən tünd və açıq zolaqlardan istifadə edir. Naviqasiya, sürüşdürdükcə qeyri-şəffaf hala gələn tək bir şəffaf üst zolaqdır.
Əsas element fotoşəkillərdən azad olan təmiz qütb parıltısı qradiyentidir. Bütün illüstrasiyalar məhsulun istifadəçi interfeysinin (qaranlıq rejimdə Kanban, gələnlər qutusu, təqvim) faktiki ekran görüntüləridir və həm sübut, həm də bəzək kimi xidmət edən kart çərçivələrinə salınıb. Həyat tərzi fotoşəkilləri, stok şəkillər, 3D görüntülər yoxdur. İstifadəçi interfeysi ilə əlaqəsi olmayan yeganə vizual element qütb parıltısının altındakı isti, şüalı günəş parıltısıdır və CSS qradiyenti kimi göstərilir. İkonlar #95979 və ya ağ rəngli monoxrom xətt nişanlarıdır, heç vaxt çoxrəngli deyil. Sistem öz qaranlıq istifadəçi interfeysini əsas element kimi qəbul edir - məhsul fotoşəkillərdir.
Palitra
Brend
- Electric Iris
#5683da— Əsas fon, aktiv naviqasiya göstəricisi və diqqət çəkən Şimal İşıqları vurğusu — qara fonda canlı bənövşəyi-mavi rəng — korporativ fəaliyyətdən daha çox iştirak təəssüratı yaradır. - Ember Pulse
#ff8964— İkinci dərəcəli vurğu, isti şimal işıqları zonası, bildiriş nöqtəsi və illüstrasiya vurğusu — mavinin ayıqlığını pozan və şüaya istilik qatan kəhrəba rəngi.
Neytral
- Obsidian Canvas
#303236— Səhifənin arxa planı, dominant səth, demək olar ki, qara rəngdədir və bir az istilik hissi verir və bütün məzmun üçün standart mühitdir. - Void
#090a0c— Əsas ekrandakı qradiyentlər, modal fonlar və kətana qarışmalı olan çərçivələr üçün ən dərin səth təbəqəsi. - Charcoal Card
#111111— Karton və panellərdən hazırlanmış qaldırılmış səthlər, kətandan bir pillə yuxarıda yerləşdirilib. - Slate Edge
#4a4b50— Qaranlıq səthlərdə incə sərhədlər və bölücülər - Iron Veil
#6b6c6d— Etiketlər, siyahı elementlərinin doldurulması və deaktiv doldurulma üçün fon rəngi azaldılıb. - Smoke
#95979e— İşarə konturları, əlavə mətn və qeyri-aktiv idarəetmə elementləri orta boz rəngdə əsas işçi elementdir.
Tipoqrafiya
11-dən 80 pikselə qədər · 8 addım
- Inter — əvəzetmə: DM Sans · konturlar 300, 400, 500, 600, 700 · İstifadəçi interfeysindəki bütün funksional mətnlər — əsas mətn, naviqasiya, düymələr, siyahı elementləri, etiketlər və kiçik başlıqlar — vurğu üçün 500-600, əsas mətn üçün 400 və diqqət çəkməyən metaməlumatlar üçün isə 300 şrift qalınlığı ilə istifadə olunur.
- Esbuild — əvəzetmə: Sora · konturlar 400, 500, 600 · Yalnız göstərilə bilər: splash başlıqları, bölmə başlıqları və MetaBrain məqalə başlıqları. Qısaldılmış həndəsə və sıx hərf aralığı, SaaS layihələrindən daha çox 84px-in redaksiya işi üçün uyğun olduğu təəssüratını yaradır. Heç vaxt 28px-dən aşağı istifadə etməyin.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | geniş |
| Əsas addım | 12px |
| Düymə radiusu | 9999px |
| Kart radiusu | 12px |
| Kölgələr | yumşaq kölgələr |
| Bölmələr arasında | 96px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Huly ü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
- monday — Pastel stikerləri olan ağ emalatxana
- Slack — Səhnə badımcan rəngindədir və ağ işıqlandırma ilə tamamlanır. Tünd rəngli gavalı rəngi qaranlıq sahələrə hakimdir, ağ rəngli kətan isə böyük, avanqard əsərlərin sərbəst nəfəs almasına imkan verir.
- Base44 — Günəş işığı ilə işıqlandırılmış əhəng nişanlı dəftər
- Supahub — Bənövşəyi silsilədə yumşaq gün işığı. Parlaq bənövşəyi günəşlə işıqlandırılan əsasən ağ, havadar bir kətan, mənfi məkana rəng səpələyən dekorativ qradiyent sferaları və hər səthə xoş, hiss edilə bilən bir ağırlıq verən geniş dairəvi həndəsə.
- Raycast — Gecəyarısı Komandanlıq Mərkəzi, Mərcan Neon
- Dimension — Buzlu şüşə panelləri olan qaranlıq işıqlı iş yeri
- Wiza — Alaqaranlıqda lavanda dumanı ilə örtülmüş mineral kəşfiyyat rəsədxanası.
- Paste — Ağ mərmər üzərində kəhrəba rəngli fənər — brendin isti qradiyent loqosu qarla örtülü binanın yeganə işıqlı pəncərəsi kimi geniş ağ məkanda dalğalanır.
- Reworkd — Məhsul diaqramındakı yumşaq gün işığı özü üçün danışan yeganə rəngdir, bu, hərəkət düyməsi və onun üstündəki qradiyent başlığıdır.
- Reflect Notes — Ulduzlu bənövşəyi fəza, demək olar ki, qara indigo boşluğunun fonunda notların bürclər kimi üzdüyü qaranlıq bir rəsədxanadır.
- Ameba — Gecəyarısı idarəetmə otağı – buzlu şüşə panellərin içərisində elektrikli mavi impuls
- Todoist — Günəş işığı ilə işıqlandırılmış iş sahəsi, kağız gündəlik – isti krem rəngli masa, mürəkkəb qeydləri, bir qırmızı qələm