Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukdatblygwrDatblygu offer AI ar gyfer busnesau. Ansawdd uchel. Fforddiadwy.Anfon neges ar Telegram
Bang & Olufsen — rhagolwg o safle yn yr arddull hon

Bang & Olufsen

Oriel Sgandinafaidd ar borslen. Pan fydd tudalen B&O yn dywyll, mae'r darn wedi'i oleuo, fel cerflun mewn cilfach hanner nos; pan fydd wedi'i oleuo, mae'n ymddangos bod y darn yn arnofio ar sidan gwyn, heb ddim byd arall i dynnu ei sylw.

Mae Bang & Olufsen yn gweithredu ar egwyddor oriel-amgueddfa: cynfasau porslen bron yn wyn lle mae cynhyrchion yn arnofio fel gwrthrychau cerfluniol, wedi'u torri gan fewnosodiadau cromatig achlysurol sy'n rhychwantu lled cyfan y sgrin - fioled ultramarine dwfn sy'n defnyddio'r sgrin gyfan, weithiau coch terracotta cyfoethog - ar gyfer acenion emosiynol. Mae'r teipograffeg yn un ffont neo-grotesg wedi'i gynllunio'n arbennig (BeoSupreme) sy'n siarad drosto'i hun: prin yn amlwg ar sgriniau mawr, priflythrennau wedi'u llenwi'n hael ar ficro-labeli, dim angen ffontiau eraill. Mae cydrannau wedi'u lleihau i'r lleiafswm: rheolyddion siâp pilsen dryloyw, ffiniau tenau, dim cysgodion addurniadol, dim botymau graddiant, dim eiconau. Mae'r grid yn hael, mae gofod negyddol yn foethusrwydd. Rhoddir plinth arnofiol ei hun i bob cynnyrch; y gwyn o'i gwmpas yw gofod. Mae lliw wedi'i ddosbarthu fel deunydd gwerthfawr - pan fydd yn ymddangos, mae'n meddiannu'r ffrâm gyfan.

Mae'r cynhwysydd lled uchaf 1440px wedi'i ganoli ac mae ganddo 25px o ymylon llorweddol ar yr ymylon. Mae'r elfen arwr yn meddiannu lled cyfan y dudalen (gan dorri'r cynhwysydd), ac mae'r camera ultramarine yn ymestyn o ymyl i ymyl. Mae gridiau cynnyrch wedi'u gosod yn gyfartal mewn 4-5 colofn gyda bylchau 25px ac yn sgrolio'n llorweddol ar ddyfeisiau symudol. Mae adrannau'n newid rhwng cefndir gwyn a chamerâu lliw lled llawn—mae'r rhythm fel a ganlyn: grid cynnyrch gwyn → elfen arwr ultramarine → grid cynnyrch gwyn → baner olygyddol goch gyfoethog → grid cynnyrch gwyn → troedyn ultramarine. Mae llywio yn far uchaf minimalist sy'n arnofio uwchben yr adrannau gwyn a lliw (mae'r testun wedi'i wrthdroi i wyn ar gefndir tywyll). Mae'r dudalen yn "anadlu"—mae'r bylchau rhwng adrannau yn 60-80px, mae gan gynhyrchion unigol eu gofod eu hunain o fewn y celloedd, ac nid oes dwysedd gwybodaeth.

Ffotograffiaeth cynnyrch yw'r unig elfen weledol: dim delweddau ffordd o fyw, modelau, na chyd-destun amgylcheddol. Caiff cynhyrchion eu tynnu yn erbyn cefndiroedd cwbl niwtral (gwyn, du, a glas tywyll graddiant) gyda goleuadau stiwdio rheoledig sy'n tynnu sylw at y deunyddiau: alwminiwm matte, gwead lledr, copr anodized, a silicon matte. Mae'r cnydio'n dynn, wedi'i ganoli, a phwysleisir y prif bwnc. Mae'r lliwiau'n dawel ac yn briodol i'r deunydd: mae copr yn cael ei ganfod fel copr, nid fel "awr aur." Mae motiffau gweledol eilaidd yn cynnwys silwetau cynnyrch gwasgaredig, sgrin lawn yn erbyn awyrennau cyfoethog, monocromatig (ultramarine, coch terracotta) ar gyfer eiliadau golygyddol dramatig. Eiconograffeg: llinell denau 1px, du monocrom ar wyn neu wyn ar dywyll, geometrig, dim llenwad, dim aml-liw.

Palet

Brand

  • Ultramarine Velvet #060daa — Delweddau cefndir ar frig ac ar waelod tudalennau, adrannau dramatig sy'n ymestyn dros led cyfan y dudalen, a llenwadau troedyn—lliw cyfoethog, bron yn ddu-glas-fioled, a ddefnyddir i orchuddio fframiau cyfan a rhoi teimlad theatrig i un cynnyrch.

Niwtral

  • Porcelain Canvas #ffffff — Delweddau cefndir tudalen, dyluniad cerdyn cynnyrch, a bariau llywio yw'r sylfaen sylfaenol y mae pob cynnyrch wedi'i adeiladu arni.
  • Bone #fcfaee — Arwyneb eilaidd ar gyfer blociau cynnes mewn tôn niwtral, testun botwm ar gefndir tywyll, cynfas amgen pan fydd gwyn yn teimlo'n ddi-haint.
  • Obsidian #191817 — Mae'r prif destun a thestun disgrifiad y cynnyrch yn lliw cynnes, bron yn ddu, sy'n edrych yn feddalach na #000000 pur ar gefndir gwyn.
  • Pure Ink #000000 — Amlinelliadau eiconau, microtagiau, ffiniau cynnil, a'r cyferbyniadau testun mwyaf craff.
  • Graphite #555555 — Testun eilaidd, metadata, tagiau pris, testun ategol tawel
  • Mist #e5e5e5 — Ffiniau data mewnbwn tenau a'r unig wahanydd strwythurol yn y system.

Teipograffeg

o 12 i 36px · 5 cam

  • BeoSupreme — amnewid: Neue Haas Grotesk Display Pro (closest) · amlinelliadau 400, 500, 700 · Un ffont sy'n adlewyrchu hunaniaeth gyfan y brand. Ar gyfer teitlau a phenawdau: pwysau 500–700, 24–36px gyda bylchau tynn rhwng llythrennau (-0.056em → -0.014em) ar gyfer penawdau hyderus a chryno. Ar gyfer copi corff a rhyngwyneb defnyddiwr: pwysau 400, 14–16px, bylchau arferol rhwng llythrennau, bylchau llinell 1.5–1.7. Microlabeli (llywio, eiconau, y slogan "Sefydlwyd ym 1925"): pwysau 500, 9–12px gyda bylchau llydan rhwng llythrennau hyd at +0.143em, wedi'u harddangos mewn priflythrennau i gyd i'w defnyddio fel anodiadau pensaernïol disylw. Nid oes unrhyw ffont cystadleuol arall.
  • object-fit: cover; object-position: center; — amnewid: Inter · amlinelliadau 400 · gwrthrych-ffit: gorchuddio; gwrthrych-position: canol; - i'w gael yn y data a echdynnwyd ond heb ei ddisgrifio gan y deallusrwydd artiffisial.

Cyfnodau a ffurf

DibenYstyr
Dwysedddwys
Cam sylfaenol8-16px
Radiws botwm40px
Radiws y cerdyn0px
Cysgodiondim ffiniau yn lle cysgodion
Rhwng adrannau60-80px
Lled y dudalen1440px

Bydd AI yn adeiladu eich gwefan yn null Bang & Olufsen ac yn ei llenwi

  • Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
  • Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
  • Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
  • Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.

Arddulliau tebyg

  • Structured — Oriel y Dadeni ar bapur tebyg i blastisin
  • Apple (España) — Mae oriel yr amgueddfa, yng ngolau dydd meddal, yn ofod gwyn sengl, hudolus, di-bwysau, gyda phob arddangosfa wedi'i goleuo gan olau yn erbyn wal wedi'i lliwio'n ysgafn.
  • Apple (España) — Mae arddangosfa Oriel Obsidian yn neuadd arddangos dywyll lle mae un gwrthrych titaniwm yn tywynnu yn erbyn cefndir du llwydfelyn.
  • 099 SUPPLY — Wal oriel yn llawn gwrthrychau du a gwyn
  • Custo — Oriel lliw gwnmetal gyda ffont monolithig. Ystafell arddangos mewn arlliwiau llwyd-wyrdd tawel, lle mae un gwrthrych tywyll a ffont 57px yn siarad drostynt eu hunain.
  • Apple (España) — Oriel yr Amgueddfa Gwyn am hanner dydd
  • VITURE — Cyflwyniad cynnyrch neon y tu ôl i wydr hanner nos – ystafell arddangos dywyll lle mae trawst oren sengl yn torri trwy'r tywyllwch, gan oleuo pâr o sbectol ar stondin
  • HNST Studio — Mae stiwdio glyd gyda ffabrigau lliain wedi'u staenio â rhwd yn oriel ffasiwn araf lle mae un acen o oren llosg yn cynhesu'r tu mewn mynachlogaidd fel arall o hufen a siarcol.
  • OFFFICE : — oriel noir wedi'i hamgylchynu gan ffont monolithig
  • ARTU — Wal oriel ar bapur gwyn. Mae ARTU yn trin y gofod gwylio fel taeniad amgueddfa—lluniau cynnyrch ar raddfa fawr, marciau cynnil, ac un cyffyrddiad o galch ar y gwaelod sy'n cwblhau'r cyfansoddiad.
  • Specht Studio — Wal oriel yn llawn chwilfrydedd disylw. Gorffeniad crôm y stiwdio ei hun yw arwyneb gwyn a llythrennau du; mae'r tân gwyllt gweledol wedi'i ganoli'n llwyr o fewn gwaith teils y prosiect.
  • MindMarket — Llyfr tylwyth teg clyd ar bapur hufen - cynfas golygyddol cyfeillgar lle mae penawdau mawr Inter a chymeriadau papur wedi'u torri allan yn cydfodoli ar arwyneb heulog, meddal fel sticer.