Custo
Monolit shriftga ega gunmetal rangli galereya. Xira kulrang-yashil tuslardagi ko'rgazma zali, bu yerda bitta to'q obyekt va 57 pikselli shrift o'zi uchun gapiradi.
Custo sanoat mahsulotlari galereyasi vazifasini bajaradi: issiq metall kanvas jismoniy mahsulot uchun fon vazifasini bajaradi, katta formatli tipografiya esa asosiy vizual bezak vazifasini bajaradi. Tizim qat'iy ravishda axromatikdir - xromatik ranglar yo'q - bu qorong'u anodlangan pochta qutisi va bitta sans-serif shriftining geometrik tortishish kuchi brendning butun shaxsiyatini aks ettirishga imkon beradi. Har bir ekran keng oq bo'shliqni monumental tipografik bayonot bilan muvozanatlashtiradi, brend belgisi deyarli me'moriy element sifatida takrorlanadi. Sirtlar tekis va mot; chuqurlik mahsulotning o'ziga xos aks ettirishi orqali yaratiladi, soyalar yoki gradientlar orqali emas.
Sahifa joylashuvi vertikal ravishda joylashtirilgan bitta ustunli tuzilma bo'lib, maksimal kontent kengligi ~1280px bo'lib, ko'rish maydonining markazida joylashgan. Asosiy sahifa elementi sahifaning butun kengligini qamrab oladi, chekkadan chekkaga Canvas Gunmetal #9ea29f rangida ko'rsatilgan, o'ng tomonda pochta qutisi fotosurati va pastki chetiga 57px CUSTO® logotipi o'rnatilgan. Asosiy element ostida bo'limlar navbatma-navbat joylashgan: ikki ustunli matn bloki (chapda kichik sarlavha, o'ngda katta sarlavha), so'ngra uchta mahsulot tasvir kartalaridan iborat gorizontal panjara, so'ngra asosiy matn ikki tomonda navbatma-navbat joylashgan matn va tasvirlarning ikki ustunli qatorlari. Bo'limlar orasidagi oluklar 110px bo'lib, sezilarli vertikal nafas olish maydonini yaratadi. Navigatsiya - bu aylantirish paytida Paper White rangiga o'chadigan bitta shaffof yuqori panel. CES belgisi pastki o'ng burchakda sobit, suzuvchi elementdir. Umumiy ritm galereyaga o'xshaydi: har bir bo'limda bir nechta elementlar, katta shrift, keng bo'shliqlar va matn chiziqlari orasidagi vizual tinish belgilari sifatida mahsulot fotosurati.
Rasmlar faqat Custo pochta qutisining mahsulot fotosuratlari bo'lib, uchta rejimda suratga olingan: metall ramkaga qarshi to'liq metrajli portretlar, qurilma bilan insonning o'zaro ta'sirini namoyish etuvchi turmush tarzi suratlari va skanerlash interfeysi va LED halqasining yaqindan tasvirlangan suratlari. Barcha fotosuratlar o'chirilgan, yuqori kontrastli ohanglarda suratga olingan, pochta qutisining mot qora qoplamasi vizual langar vazifasini bajaradi. Hech qanday illyustratsiya, mavhum grafika yoki stok fotosuratlari yo'q. Fotosuratlar 8px radiusli kartalarga joylashtirilgan yoki 57px logotipi orqasida to'liq ekranda ishlatilgan. CES belgisi butun veb-saytdagi yagona ko'p rangli tasvirdir.
Palitra
Neytral
- Canvas Gunmetal
#9ea29f— Asosiy va mavzu bo'limlarining issiq kulrang-yashil fonida Custo standart oq SaaS shablonlaridan ajralib turadi va raqamli sirtdan ko'ra ko'proq me'moriy betonga o'xshaydi. - Obsidian
#000000— Asosiy matn, yupqa chegaralar, ikonka chiziqlari - tizimdagi eng yuqori kontrastli siyoh, sarlavhalar va strukturaviy bo'linmalar uchun ishlatiladi. - Paper White
#ffffff— Tana qismi fon rasmlari, qurolli kanvasdagi teskari matn, mahsulot fotosuratining qorong'i fonidagi matn. - Anodized Graphite
#4b514d— Mahsulot fotosuratlari uchun qorong'u sirt, qo'shimcha sarlavhalar va uch o'lchovli matn pochta qutisining pardasini aks ettiradi, shuning uchun foydalanuvchi interfeysi va mahsulot bir xil materialdan tayyorlangan. - Brushed Steel
#8e9194— Bo'shatilgan asosiy matn, ro'yxat ajratgichlari va qo'shimcha belgi konturlari o'rnatilgan metama'lumotlar va yashirin havolalar uchun Paper White va Obsidian o'rtasida joylashgan. - Linen Mist
#a7aaad— Sarlavhalar va ajratuvchi chiziqlar uchun chegara va ajratgichlarning och rangi Obsidian rangining strukturaviy chiziqlari bilan hech qachon raqobatlashmaydigan nozik soyadir.
Tipografiya
15 dan 57 pikselgacha · 5 qadam
- PP Neue Montreal — almashtirish: Inter · konturlar 400 (Medium) · Asosiy matndan tortib tushuntirish matnigacha bo'lgan hamma narsa uchun bitta oilaviy tipografik tizim qo'llaniladi — og'irlikdagi geometrik bir xillik asosiy belgi bo'lib, ikkilamchi yoki displeyga xos shriftlardan foydalanishdan qochadi, shuning uchun 57px o'lchamdagi 'CUSTO®' so'z belgisi 15px shakl kiritish maydoni yorlig'i bilan bir xil tipografik oilaga tegishli deb o'qiladi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | keng |
| Asosiy qadam | 24px |
| Tugma radiusi | 31.35px (pill) for primary action; 8px for secondary |
| Karta radiusi | 8px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 110px |
| Sahifa kengligi | 1280px |
Sun'iy intellekt veb-saytingizni Custo uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- 099 SUPPLY — Qora va oq buyumlar bilan to'ldirilgan galereya devori
- Specht Studio — Galereya devori maxfiy qiziqish bilan to'la. Studiyaning o'ziga xos xrom qoplamasi oq sirt va qora yozuvlardan iborat; vizual mushakbozlik butunlay loyihaning plitka ishlarida jamlangan.
- Structured — Plastilinga o'xshash qog'ozda Uyg'onish davri galereyasi
- Airbnb — Bitta marjon qizil xatcho'pli sokin oq galereya devori
- VSCO — Galereyaning monoxrom devori qora va oq fotosuratlar ko'rgazmasidir, unda bitta iliq projektor keyingi harakatni yoritadi.
- Apple (España) — Muzey galereyasi yumshoq kunduzgi yorug'likda yagona, maftunkor, vaznsiz oq makon bo'lib, har bir eksponat och rangli devorga qarshi projektor bilan yoritilgan.
- Peak Design — Galereya devori qisman yoritilgan
- Apple (España) — Obsidian galereyasidagi ko'rgazma qorong'u ko'rgazma zali bo'lib, unda bitta titan buyumi qora fonda porlab turadi.
- Apple (España) — oq galereya vitrinasi
- teenage engineering — Studiya yoritishidagi sanoat katalogi - mahsulot sahifadagi yagona muhim ob'ekt bo'lib, qolgan barcha narsalar uning atrofida muhokama qilinadi.
- Apple (España) — Ertalabki tuman ichida galereya oynasi
- Apple (España) — Oq muzey galereyasi peshin vaqtida