Телеграм, WhatsApp жана башкалар+380637610482
Валерий Данюк
Валерий Данюкиштеп чыгуучуБизнес үчүн жасалма интеллект куралдарын иштеп чыгуу. Жогорку сапат. Арзан баада.Telegramга жазуу
Bang & Olufsen — ушул стилдеги сайттын алдын ала көрүнүшү

Bang & Olufsen

Скандинавия фарфор галереясы. B&O барагы караңгы болгондо, чыгарма түнкү алкактагы скульптура сыяктуу жарыктанат; жарыктанганда, чыгарма ак жибекте калкып жүргөндөй сезилет, көңүлүн алаксыта турган башка эч нерсе жок.

Bang & Olufsen галерея-музей принциби боюнча иштейт: дээрлик ак фарфор полотнолору, анда буюмдар скульптуралык буюмдар сыяктуу калкып жүрөт, экрандын бүт туурасын каптаган кээде хроматикалык кошумчалар менен үзгүлтүккө учурайт — бүт экранды каптаган терең ультрамарин кызгылт көк, кээде эмоционалдык акцент үчүн бай терракота кызылы. Типография – бул өзүнчө сүйлөгөн бирдиктүү, атайын жасалган нео-гротеск шрифти (BeoSupreme): чоң экрандарда дээрлик байкалбайт, микроэтикеткаларда чоң тамгалар менен толтурулган, башка шрифттер талап кылынбайт. Компоненттер минималдуу деңгээлге чейин азайтылган: тунук таблетка сымал башкаруу элементтери, ичке чек аралар, декоративдик көлөкөлөрдүн жоктугу, градиент баскычтарынын жоктугу, сүрөтчөлөрдүн жоктугу. Торчо кенен, терс мейкиндик – бул люкс. Ар бир продуктка өзүнүн калкып жүрүүчү плинтусу берилет; аны курчап турган ак түс – мейкиндик. Түс баалуу материал сыяктуу бөлүштүрүлөт — ал пайда болгондо, ал бүтүндөй кадрды ээлейт.

1440 пикселдик максималдуу туурасы бар контейнер борборлоштурулган жана четтеринде 25 пикселдик горизонталдуу четтери бар. Баатыр элементи барактын бүт туурасын ээлейт (контейнерди бузуп), ал эми ультрамарин камерасы четинен четине чейин созулат. Продукция торчолору 25 пикселдик боштуктары бар 4-5 тилкеге бирдей жайгаштырылган жана мобилдик түзмөктөрдө горизонталдуу түрдө жылдырылат. Бөлүмдөр ак фондо жана толук туурасы бар түстүү камералардын ортосунда кезектешип турат — ритм төмөнкүдөй: ак продукт торчосу → ультрамарин баатыр элементи → ак продукт торчосу → бай кызыл редакциялык баннер → ак продукт торчосу → ультрамарин колонтитулу. Навигация - бул ак жана түстүү бөлүмдөрдүн үстүндө калкып турган минималисттик үстүнкү тилке (кара фондо текст ак түскө тескери бурулган). Барак "дем алат" — бөлүмдөрдүн ортосундагы боштуктар 60-80 пикселди түзөт, жеке продуктылардын уячалардын ичинде өзүнчө мейкиндиги бар жана маалымат тыгыздыгы жок.

Продукциянын сүрөтү жалгыз визуалдык элемент болуп саналат: жашоо образынын сүрөттөрү, моделдер же айлана-чөйрөнүн контексти жок. Продукциялар таза нейтралдуу фондордо (ак, кара жана градиент кочкул көк) тартылып, материалдарды баса белгилеген студиялык жарыктандырууну көзөмөлдөйт: күңгүрт алюминий, булгаары текстурасы, аноддолгон жез жана күңгүрт силикон. Кесүү тыгыз, борборлоштурулган жана негизги объект баса белгиленген. Түстөрдүн берилиши басаңдатылган жана материалга ылайыктуу: жез "алтын саат" катары эмес, жез катары кабыл алынат. Экинчилик визуалдык мотивдерге драмалык редакциялык учурлар үчүн бай, монохроматикалык тегиздиктерге (ультрамарин, терракота кызыл) каршы сейрек, толук экрандуу продукт силуэттери кирет. Иконография: ичке 1px сызык, ак түстө монохром кара же караңгы түстө ак, геометриялык, толтуруу жок, көп түстүү эмес.

Түстөр палитрасы

Бренд

  • Ultramarine Velvet #060daa — Барактардын үстүнкү жана астыңкы жагындагы фондук сүрөттөр, барактын бүтүндөй туурасын камтыган драмалык бөлүктөрү жана төмөнкү колонтитулдарды толтуруу — бүтүндөй кадрларды каптап, бир гана буюмга театрлаштырылган сезим берүү үчүн колдонулган бай, дээрлик кара-көк-кызгылт көк түс.

Нейтралдуу

  • Porcelain Canvas #ffffff — Барактын фон сүрөттөрү, продукт картасынын дизайны жана навигация тилкелери ар бир продукт курулган негизги пайдубал болуп саналат.
  • Bone #fcfaee — Жылуу нейтралдуу тондогу блоктор үчүн экинчи бет, караңгы фондо баскычтуу текст, ак түс стерилдүү сезилгенде альтернативдүү полотно.
  • Obsidian #191817 — Негизги текст жана продукт сүрөттөмөсүнүн тексти жылуу, дээрлик кара түстө, ал ак фондо таза #000000ге караганда жумшак көрүнөт.
  • Pure Ink #000000 — Сүрөтчөлөрдүн контурлары, микротегдер, назик чек аралар жана тексттин эң так контрасттары.
  • Graphite #555555 — Экинчилик текст, метадайындар, баа тегдери, үнсүз кошумча текст
  • Mist #e5e5e5 — Киргизилген маалыматтардын чек араларынын жукалыгы жана системадагы жалгыз структуралык бөлгүч.

Типография

12ден 36 пикселге чейин · 5 кадам

  • BeoSupreme — алмаштыруу: Neue Haas Grotesk Display Pro (closest) · контурлар 400, 500, 700 · Бренддин бүтүндөй өзгөчөлүгүн чагылдырган бирдиктүү шрифт. Аталыштар жана аталыштар үчүн: 500–700 калыңдыкта, 24–36 пиксель аралык менен (-0.056em → -0.014em) ишенимдүү, кыска аталыштар үчүн. Негизги текст жана колдонуучу интерфейси үчүн: 400 калыңдыкта, 14–16 пиксель, кадимки тамга аралык, 1.5–1.7 сап аралык. Микробелгилер (навигация, сүрөтчөлөр, "1925-жылы негизделген" урааны): 500 калыңдыкта, 9–12 пиксель аралык менен +0.143em чейин, бардык баш тамгалар менен көрсөтүлүп, көзгө урунбаган архитектуралык аннотациялар катары колдонулат. Башка атаандаш шрифт жок.
  • object-fit: cover; object-position: center; — алмаштыруу: Inter · контурлар 400 · объектке туура келүү: жабуу; объекттин абалы: борбор; - алынган маалыматтардан табылган, бирок жасалма интеллект тарабынан сүрөттөлгөн эмес.

Интервалдар жана форма

МаксатыМааниси
Тыгыздыктыгыз
Негизги кадам8-16px
Баскычтын радиусу40px
Картанын радиусу0px
Көлөкөлөркөлөкөлөрдүн ордуна чек аралар жок
Бөлүмдөрдүн ортосунда60-80px
Барактын туурасы1440px

Жасалма интеллект сиздин веб-сайтыңызды Bang & Olufsen стилинде куруп, аны толтурат

  • Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
  • Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
  • Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
  • Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.

Окшош стилдер

  • Structured — Пластилин сымал кагаздагы Ренессанс галереясы
  • Apple (España) — Музей галереясы жумшак күндүзгү жарыкта бирдиктүү, өзүнө тартып турган, салмаксыз ак мейкиндик болуп саналат, ар бир экспонат ачык түстөгү дубалга прожектор менен жарыктандырылган.
  • Apple (España) — Обсидиан галереясынын көргөзмөсү – караңгы көргөзмө залы, анда бир гана титан буюму караңгы фондо жаркырап турат.
  • 099 SUPPLY — Ак-кара буюмдарга толгон галереянын дубалы
  • Custo — Монолиттик шрифт менен мылтыкты камтыган металл түстөгү галерея. Бир гана караңгы объект жана 57 пикселдик шрифт өзү үчүн сүйлөгөн, бүдөмүк боз-жашыл түстөгү көргөзмө залы.
  • Apple (España) — Ак музейдин галереясы түштө
  • VITURE — Түнкү айнектин артындагы неон буюмдарынын презентациясы – караңгы көргөзмө залында бир гана кызгылт сары нур караңгылыкты кесип өтүп, стенддеги көз айнекти жарыктандырат.
  • HNST Studio — Дат баскан зыгыр буласынан токулган кездемелерден жасалган жайлуу студия – бул жай мода галереясы, анда күйгөн кызгылт сары түстүн бир гана акценти каймак жана көмүрдүн монастырдык интерьерин жылытат.
  • OFFFICE : — монолиттик шрифтке чөмүлгөн нуар галереясы
  • ARTU — Ак кагазга сүрөттөлгөн галереянын дубалы. ARTU көрүү мейкиндигин музейдин жайылган жериндей карайт — ири масштабдуу буюмдардын сүрөттөрү, назик белгилер жана композицияны толуктаган түбүндөгү бир гана акиташтын тийген жери.
  • Specht Studio — Галереянын дубалы жашыруун кызыгууга толгон. Студиянын өзүнүн хром менен капталган бети ак жана кара жазуулардан турат; визуалдык фейерверктер толугу менен долбоордун плиткалык иштерине топтолгон.
  • MindMarket — Каймак кагазга басылган жайлуу жомок китеби - күнгө күйгөн, стикердей жумшак бетинде чоң Inter аталыштары жана кесилген кагаз каармандары жанаша жайгашкан ыңгайлуу редакциялык полотно.