Bang & Olufsen
Skandinavų galerija ant porceliano. Kai B&O puslapis tamsus, kūrinys apšviestas, tarsi skulptūra vidurnakčio nišoje; kai apšviestas, kūrinys atrodo tarsi plūduriuojantis ant balto šilko, be jokių kitų dalykų, kurie atitrauktų jo dėmesį.
„Bang & Olufsen“ veikia galerijos-muziejaus principu: beveik baltos porcelianinės drobės, ant kurių gaminiai plūduriuoja tarsi skulptūriniai objektai, retkarčiais pertraukiamos chromatinių intarpų, apimančių visą ekrano plotį – gilios ultramarino violetinės spalvos, užimančios visą ekraną, kartais sodrios terakotos raudonumo – emociniams akcentams. Tipografija – tai vienas, pagal užsakymą sukurtas neogroteskiškas šriftas („BeoSupreme“), kuris kalba pats už save: vos pastebimas dideliuose ekranuose, gausiai užpildytos didžiosios raidės ant mikroetikečių, jokių kitų šriftų nereikia. Komponentų sumažinta iki minimumo: permatomi piliulės formos valdikliai, ploni rėmeliai, jokių dekoratyvinių šešėlių, jokių gradientinių mygtukų, jokių piktogramų. Tinklelis yra dosnus, neigiama erdvė yra prabanga. Kiekvienam produktui suteikiamas atskiras plūduriuojantis pagrindas; aplinkinė balta spalva yra erdvė. Spalva pasiskirsto kaip brangi medžiaga – kai pasirodo, ji užima visą kadrą.
1440 pikselių maksimalaus pločio konteineris yra centre ir turi 25 pikselių horizontalias paraštes kraštuose. Pagrindinis elementas užima visą puslapio plotį (nutraukia konteinerį), o ultramarino spalvos kamera tęsiasi nuo krašto iki krašto. Produktų tinkleliai išdėstyti tolygiai 4–5 stulpeliais su 25 pikselių tarpais ir mobiliuosiuose įrenginiuose slenka horizontaliai. Skyriai kaitaliojasi tarp balto fono ir viso pločio spalvotų kamerų – ritmas yra toks: baltas produkto tinklelis → ultramarino spalvos pagrindinis elementas → baltas produkto tinklelis → sodriai raudona redakcinė juosta → baltas produkto tinklelis → ultramarino spalvos poraštė. Navigacija yra minimalistinė viršutinė juosta, kuri kabo virš baltos ir spalvotos sekcijų (tekstas apverstas į baltą tamsiame fone). Puslapis „kvėpuoja“ – tarpai tarp sekcijų yra 60–80 pikselių, atskiri produktai turi savo erdvę langeliuose, o informacijos tankio nėra.
Produktų fotografija yra vienintelis vizualinis elementas: jokių gyvenimo būdo vaizdų, modelių ar aplinkos konteksto. Produktai fotografuojami grynai neutraliame fone (balta, juoda ir gradientinė tamsiai mėlyna) su kontroliuojamu studijiniu apšvietimu, kuris išryškina medžiagas: matinį aliuminį, odos tekstūrą, anoduotą varį ir matinį silikoną. Kadrai apkirpti tiksliai, centre, o pagrindinis objektas paryškintas. Spalvų perteikimas yra prislopintas ir atitinka medžiagą: varis suvokiamas kaip varis, o ne kaip „auksinė valanda“. Antriniai vaizdiniai motyvai apima retus, viso ekrano produktų siluetus sodrių, monochromatinių plokštumų (ultramarino, terakotos raudonos) fone, skirtus dramatiškoms redakcinėms akimirkoms. Ikonografija: plona 1 pikselio linija, monochrominė juoda ant balto arba balta ant tamsaus, geometrinė, be užpildymo, be daugiaspalvių.
Paletė
Prekės ženklas
- Ultramarine Velvet
#060daa— Fono paveikslėliai puslapių viršuje ir apačioje, dramatiškos dalys, apimančios visą puslapio plotį, ir poraštės užpildai – sodri, beveik juodai mėlyna-violetinė spalva, naudojama apimti ištisus kadrus ir suteikti teatrališką pojūtį vienam produktui.
Neutralus
- Porcelain Canvas
#ffffff— Puslapio fono paveikslėliai, produkto kortelės dizainas ir naršymo juostos yra pagrindinis pagrindas, ant kurio kuriamas kiekvienas produktas. - Bone
#fcfaee— Antrinis paviršius šiltų neutralių tonų blokams, mygtuko tekstas tamsiame fone, alternatyvi drobė, kai balta spalva atrodo sterili. - Obsidian
#191817— Pagrindinis tekstas ir produkto aprašymo tekstas yra šiltos, beveik juodos spalvos, kuri atrodo švelnesnė nei grynas #000000 baltame fone. - Pure Ink
#000000— Piktogramų kontūrai, mikrožymės, subtilios rėmeliai ir ryškiausi teksto kontrastai. - Graphite
#555555— Antrinis tekstas, metaduomenys, kainų etiketės, tylus pagalbinis tekstas - Mist
#e5e5e5— Plonos įvesties duomenų ribos ir vienintelis struktūrinis separatorius sistemoje.
Tipografija
nuo 12 iki 36 pikselių · 5 žingsniai
- BeoSupreme — pakeitimas: Neue Haas Grotesk Display Pro (closest) · kontūrai 400, 500, 700 · Vienas šriftas, atspindintis visą prekės ženklo tapatybę. Pavadinimams ir antraštėms: 500–700 pikselių storis, 24–36 pikselių su siaurais tarpais tarp raidžių (-0,056em → -0,014em), kad antraštės būtų patikimos, glaustos. Pagrindinėms teksto dalims ir vartotojo sąsajai: 400 pikselių storis, 14–16 pikselių, normalus tarpas tarp raidžių, eilučių tarpas 1,5–1,7. Mikrožymės (navigacija, piktogramos, šūkis „Įkurta 1925 m.“): 500 pikselių storis, 9–12 pikselių su plačiu tarpu tarp raidžių iki +0,143em, rodomos vien didžiosiomis raidėmis, kad būtų naudojamos kaip nepastebimos architektūrinės anotacijos. Nėra jokio kito konkuruojančio šrifto.
- object-fit: cover; object-position: center; — pakeitimas: Inter · kontūrai 400 · object-fit: cover; object-position: center; - rasta išgautuose duomenyse, bet neaprašyta dirbtinio intelekto.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 8-16px |
| Mygtuko spindulys | 40px |
| Kortelės spindulys | 0px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 60-80px |
| Puslapio plotis | 1440px |
Dirbtinis intelektas sukurs jūsų svetainę Bang & Olufsen stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Structured — Renesanso galerija ant plastilino tipo popieriaus
- Apple (España) — Muziejaus galerija, švelniai dienos šviesoje, yra vientisa, žavi, nesvari balta erdvė, kurioje kiekvienas eksponatas apšviestas prožektoriaus šviesa prie švelniai tamsintos sienos.
- Apple (España) — „Obsidian Gallery“ vitrina yra tamsi parodų salė, kurioje vienas titano objektas švyti juodame kaip degutas fone.
- 099 SUPPLY — Galerijos siena, pilna juodai baltų objektų
- Custo — Pistoleto metalo spalvų galerija su monolitiniu šriftu. Parodų salė prislopintuose pilkai žaliuose tonuose, kur vienas tamsus objektas ir 57 pikselių šriftas kalba patys už save.
- Apple (España) — Baltojo muziejaus galerija vidurdienį
- VITURE — Neoninis gaminių pristatymas už vidurnakčio stiklo – tamsiame salone, kuriame vienas oranžinis spindulys perskrodžia tamsą, apšviesdamas ant stovo stovinčias taures.
- HNST Studio — Jauki studija su rūdžių dėmėmis padengtais lininiais audiniais yra lėtosios mados galerija, kurioje vienas degintos oranžinės spalvos akcentas sušildo kitaip vienuolišką kreminės ir anglies spalvos interjerą.
- OFFFICE : — monolitiniame šrifte apgaubta noir galerija
- ARTU — Galerijos siena ant balto popieriaus. ARTU apžvalgos erdvę traktuoja kaip muziejaus išdėstymą – didelio mastelio gaminių nuotraukos, subtilūs ženklai ir vos pastebimas kalkių atspalvis apačioje, užbaigiantis kompoziciją.
- Specht Studio — Galerijos siena, alsuojanti diskretišku smalsumu. Studijos chromo apdaila – baltas paviršius ir juodos raidės; vizualinis fejerverkas visiškai sutelktas projekto plytelėse.
- MindMarket — Jauki pasakų knyga ant kreminio popieriaus – draugiška redakcinė drobė, kurioje saulės nutviekstame, minkštame, lyg lipdukas, paviršiuje susijungia didelės „Inter“ antraštės ir iškirpti popieriniai personažai.