Dala
qara məxmər üzərində dalğalanan bir bürc
Dala, qara boşluqların tək canlı bənövşəyi vurğu ilə qarşılaşdığı və kəhrəba parıldamaları ilə kəsildiyi qaranlıq bir məkan təqdim edir. Tipoqrafiya monolit və çəkisizdir - 400 çəkilik şrift olan PPNeueMontreal, hər başlıqda böyük ölçüdə (78–113 piksel) aqressiv mənfi hərf aralığı ilə dominantlıq edir və bu da başlıqların məlumatverici olmaqdan daha çox heykəltəraşlıq hissi yaradır. Vizual mərkəz, brendin imza jesti kimi xidmət edən üzvi beyin forması əmələ gətirən kiçik, çoxrəngli üçbucaq hissəciklərin bir bürcüdür: bilik iyerarxik məlumatlardan daha çox paylanmış zəka kimi vizuallaşdırılır. Dizayn geniş iki sütunlu ritmi izləyir - geniş gövdə mətni ilə birləşdirilmiş böyük, sola düzülmüş başlıqlar, panellər, çərçivələr və ya kartlar olmadan təmiz qara fonda üzür. Komponentlər qəsdən ən vacib formasına endirilir: tək bənövşəyi həb düyməsi, gizli mətn bağlantıları və böyük mətn blokları.
Tam enli bölmələr təmiz qara kətan üzərində yerləşdirilib və maksimum məzmun eni ~1280 piksel mərkəzdədir. Əsas bölmə asimmetrik iki sütunlu düzülüşə malikdir: sol tərəfdə əsas mətn və hərəkətə çağırış olan böyük sola düzülmüş başlıq (113 piksel), sağ tərəfdə isə "hissəcik beyni" vizuallaşdırması böyük miqyasda yer alır. Sonrakı bölmələr iki sütun arasında növbələşir (vizual sol/mətn sağ, sonra mətn sol/vizual sağ) və ziqzaq oxu ritmi yaradır. Bölmələr arasındakı boşluqlar genişdir (şaquli olaraq 60–120 piksel). Kart şəbəkələri, qiymət cədvəlləri və ya çoxsütunlu xüsusiyyət təsvirləri yoxdur - məzmun geniş iki sütunlu mətn-vizual bloklarda düzülmüşdür. Naviqasiya yan panel və ya meqa-menyu olmadan minimalist şəffaf üst paneldir. Elementlərin sıxlığı olduqca yüksəkdir - hər baxış portalında bir və ya iki element, heç vaxt məlumatla həddindən artıq yüklənmir.
Vizual dizayn tamamilə prosedur və mücərrəddir - komanda portretləri istisna olmaqla, fotoşəkillər yoxdur. Brendin vizual kimliyi, üzvi beyin/neyron forması əmələ gətirən, tam, canlı spektrdə (bənövşəyi, kəhrəba, firuzəyi, bənövşəyi, mavi) göstərilən minlərlə kiçik, konturlu üçbucaq hissəciklərin sıx bir bulududur. Bu hissəcik sahəsi canlandırılıb və həm əsas görüntü, həm də brend kimliyi elementi kimi xidmət edir. Ətrafdakı hissəciklər, daha aşağı sıxlıqda, səhifə fonunda hərəkət edir. Üçbucaqların konturları, 1-2 piksel xətt çəkisi, kəskin kənarları və zəngin, xromatik rəngləri var - heç vaxt boz rəngdə deyil. Komanda portretləri sərhədləri və ya üst-üstə düşmələri olmayan böyük, yuvarlaq düzbucaqlılar (124 piksel radius) kimi göstərilir. Məhsul ekran görüntüləri, həyat tərzi fotoşəkilləri, 3D renderlər yoxdur - hissəciklər sistemi vizual brenddir.
Palitra
Brend
- Electric Iris
#8052ff— Əsas hərəkət düymələri, loqotip və brend vurğuları qara fonda interaktivliyi və brend kimliyini göstərən tək, zəngin bənövşəyi rəngdədir.
Neytral
- Void
#000000— Səhifə kətanları, bölmə fonları, neqativ boşluq — dominant səth tünd boz deyil, təmiz qara rəngdədir və xromatik vurğuların sərbəst şəkildə üzməsinə imkan verən boşluq yaradır. - Bone White
#ffffff— Başlıqlar, əsas mətn, işarə doldurma, aktiv naviqasiya vəziyyəti - qara fonda maksimum iyerarxiya təmin edən yeganə tipoqrafik rəng. - Ash Gray
#9a9a9a— Naviqasiya mətni, şəffaf keçid rəngi və əlavə etiketlər görünməz hala gəlmədən əsas mətnin arxasında gizlənir. - Silver Mist
#bdbdbd— Əlavə mətn, başlıq səviyyəsində məlumat - konteksti dəstəkləmək üçün ən sakit və ən oxunaqlı boz rəng. - Saffron Spark
#ffb829— Mətni vurğulamaq, keçidləri vurğulamaq və durğu işarələri ilə diqqəti cəlb etmək — bənövşəyi fonda isti sarı rəng brend üçün xromatik gərginlik yaradır. - Deep Verdant
#15846e— İkinci dərəcəli səth rəngləməsi, qradiyent loqo dayanacağı, marka qradiyentinin daha tünd kənarı və çətinliklə nəzərə çarpan vurğu keçidləri şəklində özünü göstərir.
Tipoqrafiya
12-dən 113 pikselə qədər · 10 addım
- PPNeueMontreal — əvəzetmə: Inter · konturlar 200, 400, 600, 700 · Bütün UI kontekstlərində ardıcıl şrift istifadə olunur. Ekran ölçülərində (78–113 piksel) başlıqlar -0.04 em hərf aralığı ilə 400 çəkidən istifadə edir - əsas mətnlə eyni çəki, lakin daha böyük miqyas iyerarxiya yaradır. 200 çəki (ultra yüngül şrift) 18 piksel əsas mətn üçün ayrılıb; bu, brendə xas bir qərardır: əksər AI/SaaS saytları əsas mətn üçün 400 istifadə edir, lakin Dala abzasları havadar və aqressiv olmayan saxlamaq üçün çəkini azaldır. 14 piksel hərf aralığı, 0.025 em hərf aralığı və böyük hərflərlə 600 çəki naviqasiya və kiçik başlıqlar üçün istifadə olunur. Həm 113 piksel başlıqlar, həm də 15 piksel əsas mətn üçün 400 istifadəsi qeyri-adi haldır - bu, brendin iyerarxiya yaratmaq üçün çəkiyə deyil, miqyasa əsaslandığını göstərir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 6-18px |
| Düymə radiusu | 24px |
| Kart radiusu | 24px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 60-120px |
| Səhifə eni | 1280px |
Süni intellekt veb saytınızı Dala ü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
- Linear — gecə yarısı dəqiq alət
- Resend — bənövşəyi neon rəngli qara məxmər
- Ciridae — Tüstülənən közlərin titrəyişinə malik boş bir otaq - demək olar ki, qara bir kilsə, burada yeganə isti səs nazik pas xəttidir və hər səth kölgə deyil, incə xətlərlə müəyyən edilir.
- Dovetail — Qara ayın altındakı plan — çətinliklə görünən qrafik xətləri, ağ şrift, bir bənövşəyi parıltı
- Neon — Qaranlıqdan sonra server otağı. Saf qaranlıqda, yalnız məlumatlardan və istifadəçi qarşılıqlı təsirlərindən işıq gəlir.
- Discord — Oyun dünyası açılan söhbət pəncərəsinin arxasında gizlənir - hər bölmə öz işıqlandırması və personaj dəsti ilə müstəqil bir mühitdir
- 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.
- Midjourney — Dərin okeanda bioluminescent terminal. Zəkanın vizual olaraq ASCII axınlarında özünü yaratdığı və idarəetmənin zəif parıldayan naxışlar kimi göründüyü dərin dəniz dünyası.
- Checkly — Dərin Orbit Missiyasının İdarəetmə Mərkəzi
- Krea — gecə yarısı qara qalereya
- Wope — Wope bənövşəyi üfüq interfeysidir. Şüşənin altından bənövşəyi işıq şüası düşən qaranlıq bir rəsədxana masası təsəvvür edin.