Custo
Monolit şriftə malik gunmetal rəngli qalereya. Tək bir tünd obyektin və 57 piksel şriftin özləri üçün danışdığı solğun boz-yaşıl tonlarda sərgi salonu.
Custo sənaye məhsullarının qalereyası kimi fəaliyyət göstərir: isti metal kətan fiziki məhsul üçün fon kimi xidmət edir, böyük formatlı tipoqrafiya isə əsas vizual bəzək kimi xidmət edir. Sistem tamamilə axromatikdir - xromatik rənglər yoxdur - tünd anodlaşdırılmış məktub qutusu və tək bir sans-serif şriftinin həndəsi cazibəsi brendin bütün şəxsiyyətini çatdırmağa imkan verir. Hər bir ekran geniş ağ məkanı monumental tipoqrafik ifadə ilə tarazlaşdırır, marka nişanı isə demək olar ki, memarlıq elementi kimi təkrarlanır. Səthlər düz və tutqundur; dərinlik kölgələr və ya qradiyentlər vasitəsilə deyil, məhsulun öz əks etdirmə qabiliyyəti vasitəsilə yaradılır.
Səhifə düzeni, baxış pəncərəsinin mərkəzində yerləşən, maksimum məzmun eni ~1280 piksel olan şaquli düzülmüş tək sütunlu bir strukturdur. Əsas səhifə elementi səhifənin bütün enini əhatə edir, kənardan kənara Canvas Gunmetal #9ea29f ilə göstərilir, sağda mərkəzdə poçt qutusunun şəkli və alt kənarda 57 piksel CUSTO® loqosu yerləşir. Əsas elementin altında bölmələr növbələşir: iki sütunlu mətn bloku (solda kiçik başlıq, sağda böyük başlıq), ardınca üç məhsul şəkil kartından ibarət üfüqi şəbəkə, sonra isə əsas mətnin hər iki tərəfdə növbələşdiyi iki sütunlu mətn və şəkillər sırası gəlir. Bölmələr arasındakı novlar 110 pikseldir və əhəmiyyətli şaquli nəfəs alan boşluq yaradır. Naviqasiya, sürüşdürdükcə Paper White rənginə çevrilən tək şəffaf üst zolaqdır. CES işarəsi aşağı sağ küncdə sabit, üzən bir elementdir. Ümumi ritm qalereyaya bənzəyir: hər bölmədə bir neçə element, böyük şrift, geniş boşluqlar və mətn zolaqları arasında vizual durğu işarəsi kimi məhsul fotosu.
Şəkillər sırf Custo poçt qutusunun məhsul fotoqrafiyasıdır və üç rejimdə çəkilib: metal çərçivəyə qarşı tammetrajlı portretlər, cihazla insan qarşılıqlı təsirini nümayiş etdirən həyat tərzi şəkilləri və skan interfeysinin və LED halqasının yaxın planları. Bütün fotoşəkillər səssiz, yüksək kontrastlı tonlarda çəkilib, poçt qutusunun mat qara örtüyü vizual lövbər rolunu oynayır. İllüstrasiyalar, mücərrəd qrafika və ya stok fotoşəkillər yoxdur. Fotoşəkillər 8px radiuslu kartlara yerləşdirilib və ya 57px loqosunun arxasında tam ekran rejimində istifadə olunur. CES işarəsi bütün veb saytdakı yeganə çoxrəngli şəkildir.
Palitra
Neytral
- Canvas Gunmetal
#9ea29f— Əsas və mövzu hissələrinin isti boz-yaşıl fonu Custo-nu standart ağ SaaS şablonlarından fərqləndirir və rəqəmsal səthdən daha çox memarlıq betonuna bənzəyir. - Obsidian
#000000— Əsas mətn, nazik haşiyələr, işarə cizgiləri - sistemdəki ən yüksək kontrastlı mürəkkəb başlıqlar və struktur bölücülər üçün istifadə olunur. - Paper White
#ffffff— Bədən hissələrinin fon şəkilləri, tünd rəngli metal kətan üzərində tərs çevrilmiş mətn, məhsul fotoqrafiyasının tünd fonunda mətn. - Anodized Graphite
#4b514d— Məhsul fotoqrafiyası, əlavə başlıqlar və üçölçülü mətn üçün tünd səth poçt qutusunun sonluğunu əks etdirir, buna görə də istifadəçi interfeysi və məhsul eyni materialdan hazırlanır. - Brushed Steel
#8e9194— Daxili metaməlumatlar və gizli keçidlər üçün altlaşdırılmış əsas mətn, siyahı bölücüləri və əlavə işarə konturları Paper White və Obsidian arasında yerləşir. - Linen Mist
#a7aaad— Başlıqlar və ayırıcı xətlər üçün haşiyənin və bölücülərin açıq rəngi Obsidian rənginin struktur xətləri ilə heç vaxt rəqabət aparmayan incə bir çalardır.
Tipoqrafiya
15-dən 57 pikselə qədər · 5 addım
- PP Neue Montreal — əvəzetmə: Inter · konturlar 400 (Medium) · Əsas mətndən izahlı mətnə qədər hər şey üçün tək ailə tipoqrafik sistem istifadə olunur — çəkidə həndəsi vahidlik əsas xüsusiyyətdir və ikinci dərəcəli və ya ekrana xas şriftlərin istifadəsindən qaçınır, buna görə də 57 piksel ölçüsündə təyin olunmuş 'CUSTO®' söz işarəsi 15 piksel forma giriş sahəsi etiketi ilə eyni tipoqrafik ailəyə aid kimi oxunur.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | geniş |
| Əsas addım | 24px |
| Düymə radiusu | 31.35px (pill) for primary action; 8px for secondary |
| Kart radiusu | 8px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 110px |
| Səhifə eni | 1280px |
Süni intellekt veb saytınızı Custo ü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
- 099 SUPPLY — Qara və ağ əşyalarla dolu qalereya divarı
- Specht Studio — Gizli maraqla dolu qalereya divarı. Studiyanın özünün xrom örtüyü ağ səth və qara hərflərdən ibarətdir; vizual atəşfəşanlıq tamamilə layihənin kafel işlərində cəmləşib.
- Structured — Plastilin kimi kağız üzərində İntibah dövrü qalereyası
- Airbnb — Tək mərcan qırmızı əlfəcinli sakit ağ qalereya divarı
- VSCO — Qalereyanın monoxrom divarı qara və ağ fotoşəkillərdən ibarət sərgidir və burada tək bir isti işıq sonrakı hərəkəti işıqlandırır.
- Apple (España) — Muzey qalereyası, yumşaq gün işığında, hər bir eksponatın yüngül rəngli divara qarşı işıqlandırma ilə işıqlandırıldığı tək, valehedici, çəkisiz ağ bir məkandır.
- Peak Design — Qismən işıqlandırılmış qalereya divarı
- Apple (España) — Obsidian Qalereyasının vitrinləri, qapqara fonda tək bir titan əşyanın parıldadığı qaranlıq bir sərgi salonudur.
- Apple (España) — ağ qalereya vitrin qutusu
- teenage engineering — Studiya işıqlandırmasında sənaye kataloqu - məhsul səhifədəki yeganə əhəmiyyətli obyektdir və qalan hər şey onun ətrafında müzakirə olunur
- Apple (España) — Səhər dumanında qalereya pəncərəsi
- Apple (España) — Günorta saatlarında Ağ Muzey Qalereyası