Telegram, WhatsApp+380637610482
Valērijs Danjuks
Valērijs DanjuksizstrādātājsMākslīgā intelekta rīku izstrāde uzņēmumiem. Augsta kvalitāte. Pieejama cena.Rakstīt Telegram
Bang & Olufsen — vietnes priekšskatījums šajā stilā

Bang & Olufsen

Skandināvu galerija uz porcelāna. Kad B&O lapa ir tumša, darbs ir izgaismots, līdzīgi skulptūrai pusnakts nišā; kad tas ir izgaismots, darbs šķiet peldošs uz balta zīda, un nekas cits nenovērš tā uzmanību.

Bang & Olufsen darbojas pēc galerijas-muzeja principa: gandrīz balti porcelāna audekli, uz kuriem produkti peld kā skulpturāli objekti, kurus pārtrauc neregulāri hromatiski ieliktņi, kas aptver visu ekrāna platumu — dziļi ultramarīna violets, kas aizņem visu ekrānu, dažreiz piesātināti terakotas sarkans — emocionāliem akcentiem. Tipogrāfija ir viens, īpaši izstrādāts neogrotesks fonts (BeoSupreme), kas runā pats par sevi: tik tikko pamanāms uz lieliem ekrāniem, dāsni aizpildīti lielie burti uz mikroetiķetēm, citi fonti nav nepieciešami. Komponenti ir samazināti līdz minimumam: caurspīdīgas tabletes formas vadības ierīces, plānas apmales, nav dekoratīvu ēnu, nav gradienta pogu, nav ikonu. Režģis ir dāsns, negatīvā telpa ir greznība. Katram produktam ir piešķirts savs peldošs cokols; apkārtējā baltā krāsa ir telpa. Krāsa tiek sadalīta kā vērtīgs materiāls — kad tā parādās, tā aizņem visu kadru.

1440 pikseļu maksimālā platuma konteiners ir centrēts, un tam ir 25 pikseļu horizontālas apmales malās. Hero elements aizņem visu lapas platumu (pārtraucot konteineru), un ultramarīna kamera stiepjas no vienas malas līdz otrai. Produktu režģi ir vienmērīgi izvietoti 4–5 kolonnās ar 25 pikseļu atstarpēm un mobilajās ierīcēs ritināmi horizontāli. Sadaļas mainās starp baltu fonu un pilna platuma krāsainām kamerām — ritms ir šāds: balts produktu režģis → ultramarīna varoņa elements → balts produktu režģis → piesātināti sarkans redakcijas baneris → balts produktu režģis → ultramarīna kājene. Navigācija ir minimālistiska augšējā josla, kas peld virs baltajām un krāsainajām sadaļām (teksts ir apgriezts uz baltu uz tumša fona). Lapa "elpo" — atstarpes starp sadaļām ir 60–80 pikseļi, atsevišķiem produktiem ir sava vieta šūnās, un nav informācijas blīvuma.

Produktu fotogrāfija ir vienīgais vizuālais elements: nav dzīvesstila attēlu, modeļu vai vides konteksta. Produkti tiek fotografēti uz pilnīgi neitrāla fona (balta, melna un gradienta tumši zila) ar kontrolētu studijas apgaismojumu, kas izceļ materiālus: matētu alumīniju, ādas tekstūru, anodētu varu un matētu silikonu. Kadrējums ir stingrs, centrēts, un galvenais objekts ir uzsvērts. Krāsu atveide ir klusināta un atbilstoša materiālam: varš tiek uztverts kā varš, nevis kā "zelta stunda". Sekundārie vizuālie motīvi ietver retus, pilnekrāna produktu siluetus uz bagātīgu, monohromatisku plakņu (ultramarīns, terakotas sarkans) fona dramatiskiem redakcionāliem momentiem. Ikonogrāfija: plāna 1px līnija, vienkrāsains melns uz balta vai balts uz tumša, ģeometrisks, bez aizpildījuma, bez daudzkrāsu.

Palete

Zīmols

  • Ultramarine Velvet #060daa — Fona attēli lapu augšdaļā un apakšdaļā, dramatiskas sadaļas, kas aptver visu lapas platumu, un kājenes aizpildījumi — piesātināta, gandrīz melni zili violeta krāsa, ko izmanto, lai aptvertu veselus kadrus un piešķirtu teatrālu sajūtu vienam produktam.

Neitrāls

  • Porcelain Canvas #ffffff — Lapas fona attēli, produktu karšu dizains un navigācijas joslas ir pamatprincipi, uz kuriem balstās katrs produkts.
  • Bone #fcfaee — Otra virsma silti neitrālu toņu blokiem, pogas teksts uz tumša fona, alternatīvs audeklis, kad baltā krāsa šķiet sterila.
  • Obsidian #191817 — Galvenais teksts un produkta apraksta teksts ir siltā, gandrīz melnā krāsā, kas izskatās maigāka nekā tīrs #000000 uz balta fona.
  • Pure Ink #000000 — Ikonu kontūras, mikrobirkas, smalkas apmales un asākie teksta kontrasti.
  • Graphite #555555 — Sekundārais teksts, metadati, cenu zīmes, klusais palīgteksts
  • Mist #e5e5e5 — Plānas ievades datu robežas un vienīgais strukturālais atdalītājs sistēmā.

Tipogrāfija

no 12 līdz 36 pikseļiem · 5 soļi

  • BeoSupreme — nomaiņa: Neue Haas Grotesk Display Pro (closest) · kontūras 400, 500, 700 · Viens fonts, kas atspoguļo visu zīmola identitāti. Virsrakstiem un virsrakstiem: 500–700 pikseļi biezumā, 24–36 pikseļi ar šauru burtu atstarpi (-0,056 em → -0,014 em) pārliecinošiem, kodolīgiem virsrakstiem. Pamattekstam un lietotāja interfeisam: 400 pikseļi biezumā, 14–16 pikseļi, parasta burtu atstarpe, rindu atstarpe 1,5–1,7. Mikroetiķetes (navigācija, ikonas, sauklis "Dibināts 1925. gadā"): 500 pikseļi biezumā, 9–12 pikseļi ar platu burtu atstarpi līdz +0,143 em, attēlotas ar lielajiem burtiem, lai tās izmantotu kā neuzkrītošas arhitektūras anotācijas. Nav cita konkurējoša fonta.
  • object-fit: cover; object-position: center; — nomaiņa: Inter · kontūras 400 · object-fit: cover; object-position: center; - atrasts iegūtajos datos, bet mākslīgais intelekts to nav aprakstījis.

Intervāli un forma

MērķisNozīme
Blīvumsblīvs
Pamata solis8-16px
Pogas rādiuss40px
Kartes rādiuss0px
Ēnasnē — robežas ēnu vietā
Starp sekcijām60-80px
Lapas platums1440px

Mākslīgais intelekts izveidos jūsu vietni Bang & Olufsen stilā un aizpildīs to

  • Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
  • Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
  • Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
  • Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.

Līdzīgi stili

  • Structured — Renesanses galerija uz plastilīnam līdzīga papīra
  • Apple (España) — Muzeja galerija maigā dienasgaismā ir vienota, valdzinoša, bezsvara balta telpa, kur katru eksponātu apgaismo prožektors uz viegli tonētas sienas.
  • Apple (España) — Obsidian galerijas vitrīna ir tumša izstāžu zāle, kurā uz piķa melna fona mirdz viens titāna objekts.
  • 099 SUPPLY — Galerijas siena, kas piepildīta ar melnbaltiem objektiem
  • Custo — Ieroču metāla krāsas galerija ar monolītu fontu. Izstāžu zāle klusinātos pelēkzaļos toņos, kur viens tumšs objekts un 57px fonts runā paši par sevi.
  • Apple (España) — Baltā muzeja galerija pusdienlaikā
  • VITURE — Neona produktu prezentācija aiz pusnakts stikla – aptumšota izstāžu zāle, kur viens oranžs stars izlaužas cauri tumsai, izgaismojot brilles uz statīva.
  • HNST Studio — Mājīga studija ar rūsas notraipītiem lina audumiem ir lēnās modes galerija, kur viens apdedzinātas oranžas krāsas akcents sasilda citādi klostera stila interjeru krēmkrāsas un ogles toņos.
  • OFFFICE : — monolītā fontā iegrimusi noir galerija
  • ARTU — Galerijas siena uz balta papīra. ARTU uztver apskates telpu kā muzeja izkārtojumu — liela mēroga produktu fotogrāfijas, smalki marķējumi un viens laima pieskāriens apakšā, kas pabeidz kompozīciju.
  • Specht Studio — Galerijas siena, kas piepildīta ar diskrētu ziņkāri. Studijas hroma apdare ir balta virsma un melni burti; vizuālais uguņojums ir pilnībā koncentrēts projekta flīzējumā.
  • MindMarket — Mājīga pasaku grāmata uz krēmkrāsas papīra — draudzīgs redakcionāls audekls, kur uz saulē pielietas, uzlīmēm līdzīgas mīkstas virsmas sadzīvo lieli Inter virsraksti un izgriezti papīra tēli.