Bang & Olufsen
Çini üzərində Skandinaviya qalereyası. B&O səhifəsi qaranlıq olduqda, əsər gecə yarısı çuxurdakı heykəl kimi işıqlandırılır; işıqlandırıldıqda, əsər ağ ipək üzərində üzən kimi görünür və diqqətini yayındıracaq başqa heç nə yoxdur.
Bang & Olufsen qalereya-muzey prinsipi üzərində işləyir: məhsulların heykəltəraşlıq obyektləri kimi üzdüyü ağ rəngli çini kətanları, ekranın bütün enini əhatə edən bəzən xromatik əlavələrlə kəsilir - bütün ekranı əhatə edən tünd ultramarin bənövşəyi, bəzən də emosional vurğu üçün zəngin terrakota qırmızısı. Tipoqrafiya özü üçün danışan tək, xüsusi hazırlanmış neo-qrotesk şriftdir (BeoSupreme): böyük ekranlarda çətinliklə nəzərə çarpır, mikro etiketlərdə bolca böyük hərflərlə doldurulur, başqa şriftlər tələb olunmur. Komponentlər minimuma endirilib: şəffaf həb formalı idarəetmə vasitələri, nazik haşiyələr, dekorativ kölgələr, qradiyent düymələri, nişanlar yoxdur. Şəbəkə genişdir, mənfi boşluq lüksdür. Hər bir məhsula öz üzən plint verilir; ətrafdakı ağ boşluqdur. Rəng qiymətli bir material kimi paylanır - göründüyü zaman bütün çərçivəni tutur.
1440 piksel maksimum enli konteyner mərkəzdə yerləşir və kənarlarında 25 piksel üfüqi kənarlar var. Qəhrəman elementi səhifənin bütün enini tutur (konteyneri qırır) və ultramarin kamerası kənardan kənara uzanır. Məhsul şəbəkələri 25 piksel boşluqlarla 4-5 sütunda bərabər şəkildə düzülür və mobil cihazlarda üfüqi olaraq fırlanır. Bölmələr ağ fon və tam enli rəngli kameralar arasında növbələşir - ritm belədir: ağ məhsul şəbəkəsi → ultramarin qəhrəman elementi → ağ məhsul şəbəkəsi → zəngin qırmızı redaksiya banneri → ağ məhsul şəbəkəsi → ultramarin altbilgisi. Naviqasiya ağ və rəngli bölmələrin üzərində üzən minimalist üst paneldir (mətn tünd fonda ağa çevrilir). Səhifə "nəfəs alır" - bölmələr arasındakı boşluqlar 60-80 pikseldir, fərdi məhsulların xanalar daxilində öz sahəsi var və məlumat sıxlığı yoxdur.
Məhsul fotoqrafiyası yeganə vizual elementdir: həyat tərzi şəkilləri, modellər və ya ətraf mühit konteksti yoxdur. Məhsullar sırf neytral fonlarda (ağ, qara və qradiyent tünd mavi) çəkilir və materialları vurğulayan nəzarətli studiya işıqlandırması ilə çəkilir: mat alüminium, dəri teksturası, anodlaşdırılmış mis və mat silikon. Kəsim sıx, mərkəzləşdirilmiş və əsas mövzu vurğulanır. Rəng təsviri zəif və materiala uyğundur: mis "qızıl saat" kimi deyil, mis kimi qəbul edilir. İkinci dərəcəli vizual motivlərə dramatik redaksiya anları üçün zəngin, monoxromatik müstəvilərə (ultramarin, terrakota qırmızı) qarşı seyrək, tam ekranlı məhsul siluetləri daxildir. İkonoqrafiya: nazik 1px xətt, ağda monoxrom qara və ya tünddə ağ, həndəsi, doldurma yoxdur, çoxrəngli yoxdur.
Palitra
Brend
- Ultramarine Velvet
#060daa— Səhifələrin yuxarı və aşağı hissəsindəki fon şəkilləri, səhifənin bütün enini əhatə edən dramatik hissələr və altbilgi doldurmaları — bütün çərçivələri əhatə etmək və tək bir məhsula teatral bir atmosfer vermək üçün istifadə edilən zəngin, demək olar ki, qara-mavi-bənövşəyi rəng.
Neytral
- Porcelain Canvas
#ffffff— Səhifə fon şəkilləri, məhsul kartı dizaynı və naviqasiya panelləri hər bir məhsulun qurulduğu əsas təməldir. - Bone
#fcfaee— İsti neytral tonlu bloklar üçün ikinci dərəcəli səth, tünd fonda düymə mətni, ağ rəng steril hiss edildikdə alternativ kətan. - Obsidian
#191817— Əsas mətn və məhsul təsviri mətni ağ fonda təmiz #000000-dən daha yumşaq görünən isti, demək olar ki, qara rəngdir. - Pure Ink
#000000— İkon konturları, mikroteqlər, incə haşiyələr və ən kəskin mətn kontrastları. - Graphite
#555555— İkinci dərəcəli mətn, metadata, qiymət etiketləri, səssiz köməkçi mətn - Mist
#e5e5e5— İncə giriş məlumatlarının sərhədləri və sistemdəki yeganə struktur ayırıcı.
Tipoqrafiya
12-dən 36 pikselə qədər · 5 addım
- BeoSupreme — əvəzetmə: Neue Haas Grotesk Display Pro (closest) · konturlar 400, 500, 700 · Bütün brend kimliyini əks etdirən tək bir şrift. Başlıqlar və başlıqlar üçün: 500–700 qalınlıqda, 24–36 piksel, sıx hərf aralığı ilə (-0.056em → -0.014em). Əsas mətn və istifadəçi interfeysi üçün: 400 qalınlıqda, 14–16 piksel, normal hərf aralığı, sətir aralığı 1.5–1.7. Mikroetiketlər (naviqasiya, nişanlar, "1925-ci ildə təsis edilib" şüarı): 500 qalınlıqda, 9–12 piksel, +0.143em-ə qədər geniş hərf aralığı ilə, diqqət çəkməyən memarlıq annotasiyaları kimi istifadə üçün bütün böyük hərflərlə göstərilir. Başqa rəqabət aparan şrift yoxdur.
- object-fit: cover; object-position: center; — əvəzetmə: Inter · konturlar 400 · obyekt-uyğunluq: örtük; obyekt-mövqe: mərkəz; - çı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 | sıx |
| Əsas addım | 8-16px |
| Düymə radiusu | 40px |
| Kart radiusu | 0px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 60-80px |
| Səhifə eni | 1440px |
Süni intellekt veb saytınızı Bang & Olufsen ü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
- Structured — Plastilin kimi kağız üzərində İntibah dövrü qalereyası
- 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.
- 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.
- 099 SUPPLY — Qara və ağ əşyalarla dolu qalereya divarı
- 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.
- Apple (España) — Günorta saatlarında Ağ Muzey Qalereyası
- VITURE — Gecəyarısı şüşəsinin arxasında neon məhsul təqdimatı - qaranlıq salonda tək bir narıncı şüanın qaranlığı kəsərək stenddəki bir cüt eynəyi işıqlandırdığı yer.
- HNST Studio — Pas ləkəli kətan parçalardan hazırlanmış rahat bir studiya, yanmış narıncı rəngin krem və kömürün monastr interyerini isidir.
- OFFFICE : — monolit şriftlə əhatə olunmuş qara qalereya
- ARTU — Ağ kağız üzərində qalereya divarı. ARTU baxış məkanına muzey divarı kimi yanaşır — genişmiqyaslı məhsul fotoşəkilləri, incə işarələr və kompozisiyanı tamamlayan alt hissədə bir əhəng toxunuşu.
- 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.
- MindMarket — Kremli kağız üzərində rahat bir nağıl kitabı - günəş işığına batmış, stiker kimi yumşaq bir səthdə böyük İnter başlıqlarının və kəsilmiş kağız personajlarının yanaşı yerləşdiyi səmimi bir redaksiya kətan.