Telegramu, WhatsApp+380637610482
Valery Danyuk
Valery Danyukmsanidi programuKutengeneza zana za AI kwa ajili ya biashara. Ubora wa juu. Nafuu.Andika kwenye Telegram
Bang & Olufsen — onyesho la awali la tovuti katika mtindo huu

Bang & Olufsen

Nyumba ya sanaa ya Scandinavia kwenye kauri. Ukurasa wa B&O unapokuwa mweusi, kipande hicho huangazwa, kama sanamu katika chumba cha usiku wa manane; kinapoangazwa, kipande hicho huonekana kuelea kwenye hariri nyeupe, bila kitu kingine cha kuvuruga umakini wake.

Bang & Olufsen hufanya kazi kwa kanuni ya matunzio-makumbusho: turubai za porcelaini zenye rangi nyeupe karibu ambazo bidhaa huelea kama vitu vya sanamu, zikikatizwa na viingilio vya mara kwa mara vya kromatic vinavyoenea upana mzima wa skrini—zambarau ya kina kirefu inayotumia skrini nzima, wakati mwingine nyekundu ya terracotta—kwa lafudhi za kihisia. Uchapaji ni aina moja, iliyoundwa maalum ya uandishi wa mambo mapya (BeoSupreme) ambayo inajieleza yenyewe: haionekani sana kwenye skrini kubwa, herufi kubwa zilizojazwa kwa wingi kwenye lebo ndogo, hakuna aina nyingine za uandishi zinazohitajika. Vipengele hupunguzwa kwa kiwango cha chini: vidhibiti vinavyong'aa vyenye umbo la kidonge, mipaka nyembamba, hakuna vivuli vya mapambo, hakuna vifungo vya gradient, hakuna aikoni. Gridi ni kubwa, nafasi hasi ni anasa. Kila bidhaa hupewa msingi wake unaoelea; nyeupe inayozunguka ni nafasi. Rangi husambazwa kama nyenzo ya thamani—inapoonekana, inachukua fremu nzima.

Chombo cha upana wa juu wa pikseli 1440 kiko katikati na kina pikseli 25 za pembezoni mlalo. Kipengele cha shujaa huchukua upana mzima wa ukurasa (kuvunja chombo), na kamera ya ultramarine inaenea kutoka ukingo hadi ukingo. Gridi za bidhaa zimewekwa sawasawa katika safu wima 4-5 zenye mapengo ya pikseli 25 na kusogeza mlalo kwenye vifaa vya mkononi. Sehemu hubadilishana kati ya mandhari nyeupe na kamera zenye rangi zenye upana kamili—mdundo ni kama ifuatavyo: gridi nyeupe ya bidhaa → kipengele cha shujaa wa ultramarine → gridi nyeupe ya bidhaa → bango jekundu la uhariri → gridi nyeupe ya bidhaa → kijachini cha ultramarine. Urambazaji ni upau mdogo wa juu unaoelea juu ya sehemu nyeupe na zenye rangi (maandishi hugeuzwa kuwa nyeupe kwenye mandhari nyeusi). Ukurasa "hupumua"—mapengo kati ya sehemu ni pikseli 60-80, bidhaa za kibinafsi zina nafasi yake ndani ya seli, na hakuna msongamano wa taarifa.

Upigaji picha wa bidhaa ndio kipengele pekee cha kuona: hakuna picha za mtindo wa maisha, modeli, au muktadha wa mazingira. Bidhaa hupigwa picha dhidi ya mandhari zisizo na upande wowote (nyeupe, nyeusi, na bluu nyeusi iliyokolea) zikiwa na taa za studio zinazodhibitiwa zinazoangazia vifaa: alumini isiyong'aa, umbile la ngozi, shaba iliyotiwa mafuta, na silikoni isiyong'aa. Kukata ni kubana, katikati, na mada kuu inasisitizwa. Uchoraji wa rangi hunyamazishwa na unafaa kwa nyenzo: shaba huonekana kama shaba, si kama "saa ya dhahabu." Motifu za pili za kuona zinajumuisha silhouette za bidhaa zilizo na skrini nzima dhidi ya ndege tajiri, zenye rangi moja (ultramarine, nyekundu ya terracotta) kwa matukio ya uhariri wa kusisimua. Aikoni: mstari mwembamba wa pikseli 1, nyeusi isiyong'aa nyeupe au nyeupe kwenye giza, jiometri, hakuna kujaza, hakuna rangi nyingi.

Paleti

Chapa

  • Ultramarine Velvet #060daa — Picha za usuli juu na chini ya kurasa, sehemu za kusisimua zinazoenea upana mzima wa ukurasa, na sehemu ya chini inajaza—rangi tajiri, karibu nyeusi-bluu-zambarau inayotumika kumeza fremu nzima na kutoa hisia ya maonyesho kwa bidhaa moja.

Isiyoegemea upande wowote

  • Porcelain Canvas #ffffff — Picha za usuli wa ukurasa, muundo wa kadi ya bidhaa, na upau wa urambazaji ndio msingi wa msingi ambao kila bidhaa hujengwa juu yake.
  • Bone #fcfaee — Sehemu ya pili ya vitalu vyenye rangi ya joto isiyo na rangi, maandishi ya kitufe kwenye mandharinyuma meusi, turubai mbadala wakati nyeupe inahisi kama imeharibika.
  • Obsidian #191817 — Maandishi kuu na maelezo ya bidhaa ni rangi ya joto, karibu nyeusi ambayo inaonekana laini kuliko #000000 safi kwenye mandhari nyeupe.
  • Pure Ink #000000 — Michoro ya aikoni, lebo ndogo, mipaka midogo, na utofautishaji mkali zaidi wa maandishi.
  • Graphite #555555 — Maandishi ya pili, metadata, lebo za bei, maandishi saidizi yasiyo na sauti
  • Mist #e5e5e5 — Mipaka nyembamba ya data ya ingizo na kitenganishi pekee cha kimuundo katika mfumo.

Uchapaji

kutoka pikseli 12 hadi 36 · hatua 5

  • BeoSupreme — mbadala: Neue Haas Grotesk Display Pro (closest) · mihtasari 400, 500, 700 · Fonti moja inayoakisi utambulisho mzima wa chapa. Kwa vichwa na vichwa: Uzito 500–700, pikseli 24–36 zenye nafasi finyu ya herufi (-0.056em → -0.014em) kwa vichwa vya habari vya ujasiri na vifupi. Kwa nakala ya mwili na UI: Uzito 400, pikseli 14–16, nafasi ya kawaida ya herufi, nafasi ya mistari 1.5–1.7. Lebo ndogo (usogezaji, aikoni, kauli mbiu ya "Iliyoanzishwa mwaka wa 1925"): Uzito 500, pikseli 9–12 zenye nafasi pana ya herufi hadi +0.143em, zinazoonyeshwa kwa herufi kubwa zote kwa matumizi kama maelezo ya usanifu yasiyoonekana. Hakuna fonti nyingine inayoshindana.
  • object-fit: cover; object-position: center; — mbadala: Inter · mihtasari 400 · kifafanuzi cha kitu: kifuniko; nafasi ya kitu: katikati; - hupatikana katika data iliyotolewa lakini haijaelezewa na AI.

Vipindi na umbo

KusudiMaana
Uzitomnene
Hatua ya msingi8-16px
Kipenyo cha kitufe40px
Redi ya kadi0px
Vivulihapana - mipaka badala ya vivuli
Kati ya sehemu60-80px
Upana wa ukurasa1440px

AI itaunda tovuti yako kwa mtindo wa Bang & Olufsen na kuijaza

  • Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
  • Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
  • Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
  • Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.

Mitindo inayofanana

  • Structured — Nyumba ya sanaa ya Renaissance kwenye karatasi inayofanana na plastiki
  • Apple (España) — Jumba la makumbusho, katika mwanga wa mchana mwepesi, ni nafasi moja nyeupe, ya kuvutia, isiyo na uzito, huku kila onyesho likiwa limeangaziwa na mwangaza dhidi ya ukuta wenye rangi kidogo.
  • Apple (España) — Maonyesho ya Jumba la Matunzio la Obsidian ni ukumbi wa maonyesho wenye giza ambapo kitu kimoja cha titani hung'aa dhidi ya mandhari nyeusi kabisa.
  • 099 SUPPLY — Ukuta wa ghala uliojaa vitu vyeusi na vyeupe
  • Custo — Nyumba ya sanaa yenye rangi ya chuma cha pua yenye fonti ya monolithic. Chumba cha maonyesho katika rangi ya kijivu-kijani iliyonyamazishwa, ambapo kitu kimoja cheusi na fonti ya pikseli 57 hujieleza chenyewe.
  • Apple (España) — Jumba la Makumbusho Nyeupe saa sita mchana
  • VITURE — Uwasilishaji wa bidhaa ya neon nyuma ya kioo cha usiku wa manane - chumba cha maonyesho chenye giza ambapo boriti moja ya rangi ya chungwa hupita gizani, ikiangazia jozi ya miwani kwenye stendi
  • HNST Studio — Studio nzuri yenye vitambaa vya kitani vilivyotiwa kutu ni jumba la mitindo ya polepole ambapo lafudhi moja ya chungwa iliyochomwa hupasha joto mambo ya ndani ya kitawa ya krimu na mkaa.
  • OFFFICE : — ghala la noir lililojaa fonti ya monolithic
  • ARTU — Ukuta wa matunzio kwenye karatasi nyeupe. ARTU huchukulia nafasi ya kutazama kama eneo la makumbusho—picha kubwa za bidhaa, alama ndogo, na mguso mmoja wa chokaa chini unaokamilisha muundo.
  • Specht Studio — Ukuta wa matunzio uliojaa udadisi wa siri. Umaliziaji wa chrome wa studio yenyewe ni uso mweupe na herufi nyeusi; fataki zinazoonekana zimejikita kikamilifu ndani ya kazi ya vigae ya mradi.
  • MindMarket — Kitabu kizuri cha hadithi za kichawi kwenye karatasi ya krimu - turubai ya uhariri rafiki ambapo vichwa vikubwa vya habari vya Inter na wahusika wa karatasi zilizokatwa huishi pamoja kwenye uso laini na wenye vibandiko unaochomwa na jua.