Zellerfeld
Ağ mərmər üzərində heykəltəraşın emalatxanası — postamentin monolit səthləri, tək bir kobalt qığılcımı, döşəmədən tavana qədər kiçik hərflərin pıçıltısı
Zellerfeld ağ mərmər üzərində rəqəmsal heykəltəraşların qalereyası kimi hiss olunur - monoxrom səthlər, bol ağ boşluq və böyük, kiçik hərfli şriftlər hər bir məhsulun muzey eksponatı kimi fəaliyyət göstərməsinə imkan verən 3D çaplı ayaqqabılar üçün bir bazar. İnterfeys olduqca təmkinlidir: təcili anlar üçün ayrılmış tək elektrik kobalt rəngi (#000aff) olan axromatik kətan - nişanlar, aktiv "Mağaza" naviqasiyası və cari slayd statusu. Kartlar təmiz ağ deyil, isti mirvari boz fonda üzür və bu da şəbəkəyə toxunma, gips tökmə verir. Şrift sıx hərf aralığı olan tək bir xüsusi sans-serif (Roobert) olaraq qalır və Space Mono yalnız qiymətlər, məhsul siyahıları və texniki metaməlumatlar üçün istifadə olunur. Nəticədə, məhsul səhifəsi pərakəndə satış kassasından daha çox dizayn mətbuat saytına bənzəyir - əşyalar satılmır, fotoşəkillər çəkilir.
Səhifə səhifənin bütün enini əhatə edir və 1440 piksellik məzmun zolağına malikdir. Əsas element üzən UI örtüyü olan tam ekranlı foto bannerdir. Məhsul bölmələri 4 sütunlu şəbəkədən istifadə edir və planşetlərdə 2-yə, mobil cihazlarda isə 1-ə qədər yığılır. Bölmə ritmi belədir: böyük məhsul təsviri → redaksiya reytinq şəbəkəsi → yeni buraxılışlar şəbəkəsi → mətbuat əlaqə məlumatı paneli. Hər bir məhsul bölməsi məzmununu zolağın içərisində mərkəzləşdirir və bölmələr arasında 80 piksel şaquli boşluqdan istifadə edir. Naviqasiya, üstündə nazik reklam zolağı olan tək bir cərgədə sabit bir üst zolaqdır. Məhsul kartları ciddi bir şəbəkəyə uyğunlaşdırılıb - şəkil sahəsi həmişə kartın içərisində 40 piksel yuxarı/aşağı boşluqla ayaqqabı siluetinin mərkəzində yerləşir və metaməlumatlar klasteri 40x40 marka loqosu ilə aşağı sol küncə bərkidilib.
Məhsul fotoqrafiyası dominant vizual elementdir — hər ayaqqabı təmiz ağ və ya gips səthində dörddə üç bucaq altında çəkilir və bütün kartı heç bir kontekst, model və ya ətraf mühit olmadan doldurur. Əsas element tam həyat tərzi fotoşəkilidir: qum və ya beton üzərində ayaqların və ayaqqabıların qısaldılmış şəkilləri, həmişə insan miqyasında, heç vaxt mükəmməl studiya keyfiyyətində deyil. "Subyekt əsas elementdir" prinsipi tətbiq olunur — ayaqqabılar çərçivənin görünən sahəsinin 40%-ni tutur, hətta əsas redaksiya elementində belə. Dekorativ qrafik elementlər, mücərrəd naxışlar və ya illüstrasiyalar istifadə edilmir. İkonlar xətti, qara rəngdə konturlu, heç vaxt doldurulmamış, heç vaxt rənglənməmişdir.
Palitra
Brend
- Electric Cobalt
#000aff— Yeni nişanlar, aktiv naviqasiya paneli, cari slayd göstəricisi, aktivləşdirmə anları — sistemdəki yeganə xromatik işarə, bəzək əvəzinə aktivləşdirmə kimi qəbul edilmək üçün az istifadə olunur.
Neytral
- Pale Iris
#e5e7ff— Nişanlar üçün yeni rəng doldurma, yumşaq işıqlandırma və etiketləmə seçimləri üçün rəngli səth — monoxrom palitranı pozmadan rəngdə işarə edən solğun kobalt çaları. - Ink Black
#111111— Əsas mətn, standart sərhədlər, işarə konturları, nazik bölücülər - başlıqlar, siyahılar və keçidlər üçün dominant struktur rəngi. - Pure White
#ffffff— Rəngin incə qaldığı yerlərdə neytral forma vəziyyətləri, işarə mətni və gizli UI rəyi istifadə edilməlidir. Hərəkətə çağırışlar üçün əsas rəng kimi istifadə etməkdən çəkinin. - Plaster
#ecedee— Məhsul kartları üçün ikinci dərəcəli səth, naviqasiya paneli fonu, kətan üzərində hamar qaldırılmış səviyyə. - Slate
#a1a4aa— Kart çərçivəsinin kölgəsi, neytral düymə doldurucusu və səssiz düymə haşiyəsi kartın kənarlarını tündləşdirmədən vurğulayan boz rənglərdir. - Fog
#d7d7d7— İşıq kartı çərçivəsi, ayırıcı xətlər, qeyri-aktiv səthin rənglənməsi.
Tipoqrafiya
13-dən 128 pikselə qədər · 7 addım
- Roobert — əvəzetmə: Inter · konturlar 400, 500, 600, 700 · Əsas brend şrifti əsas mətndən başlıqlara qədər hər şey üçün istifadə olunur. Sətir aralığı bütün ölçülərdə eynidir və bu da loqonun kiçik hərflərinin sıx, heykəltəraşlıq kütləsinə malik olmasına imkan verir. Şriftin çəkisi kontekstdən asılı olaraq artır: əsas mətn və istifadəçi interfeysi üçün 400, vurğulanmış başlıqlar üçün 500, məhsul adları üçün 600 və böyük başlıqlar üçün 700.
- Space Mono — əvəzetmə: JetBrains Mono · konturlar 400, 600 · Səhifənin reklam mətni kimi deyil, texniki spesifikasiya kimi qəbul edilməli olduğu yerlərdə texniki metaməlumatlar — qiymətlər (189.00 avro), ilk 10 mövqe üçün ədədi dəyərlər, tiker simvolları və mağaza adları əlavə olunur.
- Arial — əvəzetmə: Inter · konturlar 400 · Arial - Çıxarılan məlumatlarda tapılır, lakin süni intellekt tərəfindən təsvir edilmir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 16px |
| Düymə radiusu | 10px |
| Kart radiusu | 10px |
| Kölgələr | minimal |
| Bölmələr arasında | 80px |
| Səhifə eni | 1440px |
Süni intellekt veb saytınızı Zellerfeld ü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
- Airbnb — Tək mərcan qırmızı əlfəcinli sakit ağ qalereya divarı
- Apple (España) — ağ qalereya vitrin qutusu
- Silencio — Üzən artefaktlarla dolu ağ otaq. Hər bir elementin mənfi həcm fonunda öz yerini tutduğu isti kağızdan hazırlanmış qalereya sərgisi və sükut qəsdən hazırlanmış dizayn qərarıdır.
- Oakâme — İsti daşdan yonulmuş günəş işığına bürünmüş Provans emalatxanası
- Nike — İdman nailiyyətlərinin monoxrom qalereyası - ağ divarlar, sənət əsəri kimi məhsul, arxa planda həll olmuş xrom
- Arc — Gecəyarısı suyunun üzərində sənaye ağ qalereyası
- Rivian — Qalereyanın beton divarında elektrik monolit. Rivian hər bir nəqliyyat vasitəsini geniş ağ məkana qarşı heykəl kimi təqdim edir, tipoqrafiya o qədər böyükdür ki, memarlıq elementinə çevrilir və monoxromatik atmosferi pozan tək bir isti sarı rəng, mat səthdə günəş işığı kimi.
- Analogue — Qara qalereya vitrin qutusu – mallar boşluqda gəzir
- ddna — işlənməmiş kətan üzərində isti muzey vitrinası
- UY Studio — Monastırın daş qalereyası, beton divarları olan sakit bir məkandır. Burada ətir şüşələri ağ plintlərdə dayanır və bir 400 vattlıq lampa və dörd isti boz lampa ilə işıqlandırılır.
- Basic.Space — ağ mərmər üzərində kurator qalereyası
- COS — ağ divarları olan dəbli qalereya