Bang & Olufsen
Chinni buyumlar ustidagi Skandinaviya galereyasi. B&O sahifasi qorong'i bo'lganda, asar yarim tunda yotgan haykal kabi yoritiladi; u yoritilganda, asar oq ipak ustida suzib yurgandek ko'rinadi, diqqatini chalg'itadigan boshqa hech narsa yo'q.
Bang & Olufsen galereya-muzey tamoyili asosida ishlaydi: deyarli oq rangli chinni tuvallar, ularda mahsulotlar haykaltaroshlik buyumlari kabi suzib yuradi, vaqti-vaqti bilan ekranning butun kengligini qamrab oluvchi xromatik qo'shimchalar bilan to'xtatiladi - butun ekranni egallagan chuqur ultramarin binafsha rang, ba'zan esa hissiy urg'u uchun boy terakota qizil rang. Tipografiya o'zi uchun gapiradigan yagona, maxsus ishlab chiqilgan neo-grotesk shrift (BeoSupreme): katta ekranlarda deyarli sezilmaydi, mikro-yorliqlarda katta harflar bilan to'ldirilgan, boshqa shriftlar talab qilinmaydi. Komponentlar minimal darajaga tushirilgan: shaffof tabletka shaklidagi boshqaruv elementlari, yupqa chegaralar, dekorativ soyalar yo'q, gradient tugmalar yo'q, piktogrammalar yo'q. Panjara saxovatli, salbiy bo'shliq hashamatdir. Har bir mahsulotga o'zining suzuvchi plintasi berilgan; atrofdagi oq bo'shliqdir. Rang qimmatbaho material kabi taqsimlanadi - u paydo bo'lganda, u butun ramkani egallaydi.
1440 pikselli maksimal kenglikdagi konteyner markazlashtirilgan va chekkalarida 25 piksel gorizontal chegaralar mavjud. Qahramon elementi sahifaning butun kengligini egallaydi (konteynerni buzadi) va ultramarin kamerasi chekkadan chetga cho'ziladi. Mahsulot panjaralari 25 pikselli bo'shliqlar bilan 4-5 ustunga teng ravishda joylashtirilgan va mobil qurilmalarda gorizontal ravishda aylantiriladi. Bo'limlar oq fon va to'liq kenglikdagi rangli kameralar o'rtasida almashinadi - ritm quyidagicha: oq mahsulot panjarasi → ultramarin qahramon elementi → oq mahsulot panjarasi → boy qizil tahririyat banneri → oq mahsulot panjarasi → ultramarin altbilgisi. Navigatsiya - bu oq va rangli bo'limlar ustida suzib yuradigan minimalist yuqori panel (matn qorong'u fonda oq rangga teskari). Sahifa "nafas oladi" - bo'limlar orasidagi bo'shliqlar 60-80 piksel, alohida mahsulotlar kataklarda o'z maydoniga ega va ma'lumot zichligi yo'q.
Mahsulot fotosurati yagona vizual element hisoblanadi: turmush tarzi tasvirlari, modellar yoki atrof-muhit konteksti yo'q. Mahsulotlar sof neytral fonlarda (oq, qora va gradient to'q ko'k) materiallarni ta'kidlaydigan boshqariladigan studiya yoritgichi bilan suratga olinadi: mat alyuminiy, charm tekstura, anodlangan mis va mat silikon. Kesish zich, markazlashtirilgan va asosiy mavzu ta'kidlangan. Rangli tasvir xira va materialga mos keladi: mis "oltin soat" sifatida emas, balki mis sifatida qabul qilinadi. Ikkilamchi vizual motivlar dramatik tahririy lahzalar uchun boy, monoxromatik tekisliklarga (ultramarin, terakota qizil) qarshi siyrak, to'liq ekranli mahsulot siluetlarini o'z ichiga oladi. Ikonografiya: ingichka 1px chiziq, oq rangda monoxrom qora yoki qorong'i rangda oq, geometrik, to'ldirilmagan, ko'p rangli emas.
Palitra
Brend
- Ultramarine Velvet
#060daa— Sahifalarning yuqori va pastki qismidagi fon rasmlari, sahifaning butun kengligini qamrab oluvchi dramatik qismlar va pastki qismni to'ldirish - butun ramkalarni qamrab olish va bitta mahsulotga teatrlashtirilgan muhit berish uchun ishlatiladigan boy, deyarli qora-ko'k-binafsha rang.
Neytral
- Porcelain Canvas
#ffffff— Sahifa fon rasmlari, mahsulot kartasi dizayni va navigatsiya panellari har bir mahsulotning asosini tashkil etadi. - Bone
#fcfaee— Issiq neytral rangli bloklar uchun ikkilamchi sirt, qorong'i fonda tugmachali matn, oq rang steril bo'lib tuyulganda muqobil kanvas. - Obsidian
#191817— Asosiy matn va mahsulot tavsifi matni oq fonda sof #000000 dan yumshoqroq ko'rinadigan issiq, deyarli qora rangdir. - Pure Ink
#000000— Belgilar konturlari, mikroteglar, nozik chegaralar va eng aniq matn kontrastlari. - Graphite
#555555— Ikkilamchi matn, metadata, narx teglari, jim yordamchi matn - Mist
#e5e5e5— Kirish ma'lumotlarining yupqa chegaralari va tizimdagi yagona strukturaviy ajratuvchi.
Tipografiya
12 dan 36 pikselgacha · 5 qadam
- BeoSupreme — almashtirish: Neue Haas Grotesk Display Pro (closest) · konturlar 400, 500, 700 · Brendning butun o'ziga xosligini aks ettiruvchi yagona shrift. Sarlavhalar va sarlavhalar uchun: 500–700 qalinlikda, 24–36 piksel, tor harflar oralig'i bilan (-0.056em → -0.014em) ishonchli va ixcham sarlavhalar uchun. Asosiy matn va foydalanuvchi interfeysi uchun: 400 qalinlikda, 14–16 piksel, oddiy harflar oralig'i, 1.5–1.7. Mikroyorliqlar (navigatsiya, piktogrammalar, "1925-yilda tashkil etilgan" shiori): 500 qalinlikda, 9–12 piksel, keng harflar oralig'i +0.143em gacha, ko'zga tashlanmaydigan me'moriy annotatsiyalar sifatida foydalanish uchun barcha bosh harflarda ko'rsatiladi. Boshqa raqobatbardosh shrift yo'q.
- object-fit: cover; object-position: center; — almashtirish: Inter · konturlar 400 · object-fit: cover; object-position: center; - olingan ma'lumotlarda topilgan, ammo AI tomonidan tavsiflanmagan.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | zich |
| Asosiy qadam | 8-16px |
| Tugma radiusi | 40px |
| Karta radiusi | 0px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 60-80px |
| Sahifa kengligi | 1440px |
Sun'iy intellekt veb-saytingizni Bang & Olufsen 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
- Structured — Plastilinga o'xshash qog'ozda Uyg'onish davri galereyasi
- 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.
- Apple (España) — Obsidian galereyasidagi ko'rgazma qorong'u ko'rgazma zali bo'lib, unda bitta titan buyumi qora fonda porlab turadi.
- 099 SUPPLY — Qora va oq buyumlar bilan to'ldirilgan galereya devori
- 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.
- Apple (España) — Oq muzey galereyasi peshin vaqtida
- VITURE — Yarim tunda oyna ortidagi neon mahsulotlar taqdimoti – qorongʻu koʻrgazma zali, unda bitta toʻq sariq nur qorongʻulikni kesib oʻtib, stenddagi koʻzoynakni yoritadi.
- HNST Studio — Zanglagan zig'ir matolardan tikilgan shinam studiya - bu sekin moda galereyasi bo'lib, unda kuygan apelsin rangining birgina aksenti krem va ko'mirning monastir ichki qismini isitadi.
- OFFFICE : — monolit shrift bilan o'ralgan noir galereyasi
- ARTU — Oq qog'ozga galereya devori. ARTU tomosha maydoniga muzey yoyilgandek qaraydi — keng ko'lamli mahsulot fotosuratlari, nozik belgilar va pastki qismida kompozitsiyani yakunlovchi birgina ohak qo'shig'i.
- 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.
- MindMarket — Krem qog'ozga yozilgan shinam ertak kitobi - quyoshda namlangan, stiker kabi yumshoq yuzada katta Inter sarlavhalari va kesilgan qog'oz qahramonlari birga joylashgan do'stona tahririyat tuvali.