Bang & Olufsen
Farfordaky Skandinawiýa galereýasy. B&O sahypasy garaňky bolanda, eser ýary gijeki otagdaky heýkel ýaly ýagtylanýar; ýagtylananda, eser ak ýüpegiň üstünde ýüzýän ýaly bolýar we ünsüni başga hiç zat sowmaýar.
“Bang & Olufsen” galereýa-muzeý prinsipi boýunça işleýär: önümleri heýkeltaraşlyk obýektleri ýaly ýüzýän ak reňkli farfor polotnolar, ekranyň tutuş giňligini gurşap alýan wagtal-wagtal hromatik goýmalar bilen kesilýär - tutuş ekrany öz içine alýan çuň ultramarin menekşesi, käte bolsa duýgusal aksentler üçin baý terrakota gyzyly. Tipografiýa özi üçin gürleýän ýeke-täk, ýörite dizaýn edilen neo-grotesk şriftidir (BeoSupreme): uly ekranlarda asla görünmeýär, mikroýazgylarda uly harplar bilen doldurylýar, başga şriftler gerek däl. Komponentler iň pes derejä çenli azaldylýar: şeffaf tabletka görnüşli dolandyryşlar, inçe çäkler, bezeg kölegeleri ýok, gradient düwmeleri ýok, nyşanlar ýok. Tor giň, negatiw boşluk kaşaňlykdyr. Her bir önümiň özüne mahsus ýüzýän plintasy berilýär; daş-töweregindäki ak boşlukdyr. Reňk gymmatly material ýaly paýlanýar - peýda bolanda, ol tutuş çarçuwany eýeleýär.
1440 piksel iň uly giňlikdäki konteýner merkezleşdirilen we gyralarynda 25 piksel gorizontal gyralar bar. Gahryman elementi sahypanyň tutuş giňligini eýeleýär (konteýneriň içinden geçýär) we ultramarin kamerasy gyradan gyra uzalyp gidýär. Önüm torlary 25 piksel aralyklar bilen 4-5 sütün görnüşinde deň ýerleşdirilip, mobil enjamlarda gorizontal aýlanýar. Bölümler ak fon we doly giňlikdäki reňkli kameralar arasynda çalşyrylýar - ritm şeýle: ak önüm tor → ultramarin gahryman elementi → ak önüm tor → baý gyzyl redaksiýa banneri → ak önüm tor → ultramarin aşaky bölegi. Nawigasiýa ak we reňkli bölümleriň üstünde ýüzýän minimalist ýokarky paneldir (tekst garaňky fonda ak reňke öwrülýär). Sahypa "dem alýar" - bölümleriň arasyndaky aralyklar 60-80 piksel, aýry-aýry önümleriň öýjükleriň içinde öz giňişligi bar we maglumat dykyzlygy ýok.
Önümiň suratçylygy ýeke-täk wizual elementdir: durmuş keşbine degişli suratlar, modeller ýa-da daşky gurşaw konteksti ýok. Önümler diňe neýtral fonlarda (ak, gara we gradient gara gök) materiallary görkezýän gözegçilikli studiýa yşyklandyrmasy bilen surata düşürilýär: mat alýumin, deri tekstura, anodlaşdyrylan mis we mat silikon. Kesiş berk, merkezleşdirilen we esasy tema nygtalýar. Reňkleriň görkezilişi ýumşak we materiala laýyk: mis "altyn sagat" hökmünde däl-de, mis hökmünde kabul edilýär. Ikinji derejeli wizual motiwler dramatik redaksiýa pursatlary üçin baý, monohromatik tekizliklere (ultramarin, terrakota gyzyl) garşy seýrek, doly ekranly önüm siluetlerini öz içine alýar. Ikonografiýa: inçe 1px çyzyk, akda monohrom gara ýa-da garaňkyda ak, geometrik, doldurgyç ýok, köp reňkli ýok.
Palitra
Brend
- Ultramarine Velvet
#060daa— Sahypalaryň ýokarky we aşaky böleginde fon suratlary, sahypanyň tutuş giňligini gurşap alýan dramatiki bölümler we aşaky bölümler — tutuş çarçuwalary gurşap almak we bir önüme teatr keşbini bermek üçin ulanylýan baý, diýen ýaly gara-gök-benewşe reňk.
Neýtral
- Porcelain Canvas
#ffffff— Sahypanyň fon suratlary, önüm kartynyň dizaýny we nawigasiýa panelleri her bir önümiň gurulmagynyň esasy binýadydyr. - Bone
#fcfaee— Ýyly neýtral reňkli bloklar üçin ikinji derejeli ýüz, garaňky fonda düwme teksti, ak reňk steril duýulýan wagty alternatiw kanwaş. - Obsidian
#191817— Esasy tekst we önümiň düşündiriş teksti ak fonda arassa #000000-den has ýumşak görünýän ýyly, diýen ýaly gara reňkdir. - Pure Ink
#000000— Nyşanlaryň konturlary, mikrotegler, inçe çäkler we iň aýdyň tekst kontrastlary. - Graphite
#555555— Ikinji derejeli tekst, metamaglumatlar, baha bellikleri, sessiz kömekçi tekst - Mist
#e5e5e5— Giriş maglumatlarynyň inçe çäkleri we ulgamdaky ýeke-täk gurluş bölüjisi.
Tipografiýa
12-den 36 piksele çenli · 5 ädim
- BeoSupreme — çalyşmak: Neue Haas Grotesk Display Pro (closest) · konturlar 400, 500, 700 · Brendiň tutuş keşbini görkezýän ýeke-täk şrift. Atlar we sözbaşylar üçin: 500–700 agramda, 24–36 piksel, gysga harp aralygy bilen (-0.056em → -0.014em) ynamly we gysga sözbaşylar üçin. Esasy tekst we ulanyjy interfeýsi üçin: 400 agramda, 14–16 piksel, adaty harp aralygy, 1.5–1.7 setir aralygy. Mikrobellikler (nawigasiýa, nyşanlar, "1925-nji ýylda esaslandyrylan" şygary): 500 agramda, 9–12 piksel, giň harp aralygy +0.143em çenli, göze ilmeýän arhitektura bellikleri hökmünde ulanmak üçin ähli uly harplar bilen görkezilýär. Başga bäsdeş şrift ýok.
- object-fit: cover; object-position: center; — çalyşmak: Inter · konturlar 400 · obýektiň ýerleşişi: örtük; obýektiň ýerleşişi: merkez; - çykarylan maglumatlarda tapylýar, ýöne AI tarapyndan beýan edilmeýär.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | dykyz |
| Esasy ädim | 8-16px |
| Düwme radiusy | 40px |
| Kart radiusy | 0px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 60-80px |
| Sahypanyň giňligi | 1440px |
Süni intellekt web sahypaňyzy Bang & Olufsen stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Structured — Plastilin ýaly kagyzda Renessans galereýasy
- Apple (España) — Muzeý galereýasy ýumşak gün şöhlesinde ýeke-täk, özüne çekiji, agramsyz ak giňişlik bolup, her bir eksponat ýeňil reňkli diwaryň fonunda prožektor bilen ýagtylandyrylýar.
- Apple (España) — Obsidian galereýasynyň sergisi garaňky sergi zalynda ýerleşýär, bu ýerde ýekeje titan obýekti garaňky fonda ýalpyldap durýar.
- 099 SUPPLY — Gara we ak zatlar bilen doldurylan galereýa diwary
- Custo — Monolit şriftli ýarag reňkli galereýa. Ýekeje garaňky obýekt we 57 piksel şrift özi üçin gürleýän çal-ýaşyl reňkli sergi zaly.
- Apple (España) — Günortan Ak muzeý galereýasy
- VITURE — Ýary gije aýnasynyň arkasyndaky neon önümleriniň tanyşdyrylyşy – garaňky sergi zaly, bu ýerde ýekeje mämişi şöhle garaňkylygy kesip geçýär we stenddäki aýnany ýagtylandyrýar.
- HNST Studio — Paslanan keten matalardan ýasalan rahat studiýa, ýanan mämişi reňkiniň ýekeje aksenti krem we kömür reňkli içki bezegi ýylylyk bilen doldurýan haýal moda galereýasydyr.
- OFFFICE : — monolit şrift bilen örtülen noir galereýasy
- ARTU — Ak kagyzda galereýa diwary. ARTU tomaşa giňişligine muzeýiň ýaýrawy ýaly çemeleşýär — uly göwrümli önümleriň suratlary, inçe bellikler we kompozisiýany tamamlaýan aşaky böleginde bir gezek laým degmesi.
- Specht Studio — Galereýa diwary gizlin gyzyklanma bilen doldurylan. Studiýanyň öz hrom örtügi ak ýüzli we gara harply; wizual feýerwerkler taslamanyň kafel işlerine doly jemlenen.
- MindMarket — Kremli kagyzda ýerleşdirilen rahat ertekiler kitaby - uly "Inter" sözbaşylarynyň we kesilen kagyz gahrymanlaryň gün şöhlesine çydap, stiker ýaly ýumşak ýüzünde bile ýerleşýän dostlukly redaksiýa polotnosy.