Тэлеграм, WhatsApp  +380637610482
Валерый Данюк
Валерый ДанюкраспрацоўшчыкРаспрацоўка ІІ-інструментаў для бізнесу. Якасна. Нядорага.Напісаць у Telegram
ARTU - папярэдні прагляд сайта ў гэтым стылі

ARTU

Сцяна галерэі на белай паперы. ARTU разглядае прастору для прагляду як музейны разварот - маштабныя фатаграфіі тавараў, тонкія лініі разметкі і адзін-адзіны рыска лайма ў ніжняга краю, які завяршае кампазіцыю

ARTU функцыянуе як мэблевая галерэя ў браузерным фармаце: адзін неагратэскавы шрыфт, выкананы на замову, аднаго колеру, беласнежнае палатно, фатаграфіі тавараў, якія запаўняюць усю вобласць прагляду, і практычна поўная адсутнасць бачных элементаў інтэрфейсу. Дысцыпліна экстрэмальная - адзін колер, адно сямейства шрыфтоў, два колеры паверхні, а негатыўнае прастору выконвае тую ж працу, што і цені і градыенты ў іншых месцах. Колер выкарыстоўваецца хірургічна: насычаны салатавы (#d7ff66) акцэнтуе ўвагу толькі ў ніжняй частцы старонкі ў якасці завяршальнага сігналу, у той час як насычаны чырвоны (#ff1313) з'яўляецца ў выглядзе тонкіх ліній меж і рысак абразкоў - наўмысна пазбаўлены кантрасту, ён функцыянуе як графічны інфармацыя. У выніку ён больш падобны не на камерцыйны сайт, а на разварот арт-бука: тавары - гэта макет, макет - гэта пустая прастора, а інтэрфейс - гэта тонкая чорная лінія навігацыі, напісаная загалоўнымі літарамі, у верхнім куце.

Аднакалоначная, аднастаронкавая галерэя відарысаў. На першым экране размешчана фатаграфія-застаўка ва ўсю шырыню старонкі з тонкай верхняй панэллю навігацыі (лагатып злева, пункты меню падзелены коскамі, мова/кошык/меню справа) і мінімальнымі стрэлкамі каруселі ў правым ніжнім куце выявы. Пад фатаграфіяй-застаўкай размешчана тонкая чорная раздзяляльная лінія, затым прасторная сетка малюнкаў, асіметрычна якая спалучае розныя маштабы - маленькія мініяцюры, сярэднія квадратныя і вялікія партрэтныя выявы рознай шырыні (прыкладна 25-1/2 старонкі), усё на белым фоне, без прамежкаў шырэй 2/2. Старонка заканчваецца паласой унізе старонкі ва ўсю шырыню старонкі, салатава-зялёнага колеру (прыкладна 24-4). У цэлым ствараецца ўражанне друкаванага каталога - друкарка знаходзіцца на палях, фатаграфія займае цэнтр, а салатавая паласа завяршае кампазіцыю.

Фатаграфія - гэта ўся візуальная ідэнтычнасць. Поўнафарматныя, высакаякасныя здымкі мэблі і крэслаў, зробленыя пры цёплым інтэр'ерным асвятленні з натуральнымі ценямі на белых ці драўляных падлогах. Першае галоўнае выява запаўняе ўвесь экран ад краю да краю. У раздзеле галерэі выкарыстоўваецца асіметрычная рэдакцыйная кампаноўка з выявамі ў розных маштабах і суадносінах бакоў (1:1, 3:4, 2:3), размешчанымі з шырокімі белымі прамежкамі, без подпісаў і накладанняў. Тут няма ілюстрацый, няма значкоў, акрамя некалькіх тонкіх чырвоных рысак, няма абстрактнай графікі і няма лайфстайл-фатаграфіі - аб'ект заўсёды з'яўляецца прадметам здымкі, знятым у кантэксце, але ніколі не дэкараваным.

Палітра

Нейтральныя

  • Canvas White #ffffff — Фон старонкі, паверхня карткі, графічны малюнак - увесь сайт размешчаны на чыста белым фоне.
  • Ink Black #000000 — Увесь тэкст, тонкія лініі меж, рух, падкрэсленне спасылак, рамкі малюнкаў - адзіны структурны колер.
  • Terminal Lime #d7ff66 — Паласа ў ніжнім калантытуле, павярхоўнае падсвятленне, заключны акцэнт - насычаны зялёны колер, які пазначае мяжу старонкі падобна каляровай акантоўцы сцяны галерэі.
  • Signal Red #ff1313 — Дэкаратыўныя лініі меж, контуры абразкоў, тонкія лініі ў рэдакцыйных макетах — выкарыстоўваюцца ў якасці графічных знакаў прыпынку пры ледзь чытэльным кантрасце, але ніколі не ў якасці асноўнага тэксту.

Друкарня

ад 18 да 32px · 4 прыступак

  • HelveticaNeuePro — замена: Neue Haas Grotesk · напісання 400 · Універсальнае сямейства шрыфтоў для навігацыі, асноўнага тэксту, загалоўкаў, палёў уводу і ніжняга калантытула - адзіны шрыфт на сайце (400), набраны загалоўнымі літарамі ў навігацыі і ніжнім калантытуле, з дадатнай міжлітарнай адлегласцю 0.0124em-0. механічны, каталожны рытм.

Інтэрвалы і форма

ПрызначэннеЗначэнне
Шчыльнасцьшчыльная
Базавы крок11px
Радыус кнопак0px
Радыус картак0px
Ценіне - межы замест ценяў
Паміж секцыямі32px
Шырыня старонкі1440px

ІІ збярэ ваш сайт у стылі ARTU і напоўніць яго

  • Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
  • Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
  • Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
  • Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.

Падобныя стылі

  • Apple (España) — Музейная галерэя ў мяккім дзённым святле - гэта адзінае, захапляльнае, бязважкае белае памяшканне, дзе кожны экспанат падсветлены кропкавым промнем на фоне злёгку таніраванай сцяны.
  • Apple (España) — Белая музейная галерэя апоўдні
  • Structured — Галерэя эпохі Адраджэння на паперы, якая нагадвае пластылін
  • MindMarket — Утульная кніжка-казка на крэмавай паперы - прыязнае рэдакцыйнае палатно, дзе буйныя загалоўкі Inter і выразаныя з паперы персанажы суседнічаюць на залітай сонцам, мяккай, як налепкі, паверхні
  • Airbnb — Ціхая белая сцяна галерэі з адной каралава-чырвонай закладкай
  • Lamborghini — Чорны колер кузава ў выставачнай зале, пад святлом пражэктараў - адзін жоўты аўтамабіль
  • Apple (España) — Вітрына абсідыянавай галерэі — цёмная выставачная зала, дзе адзіны тытанавы аб'ект свеціцца на фоне абсалютна чорнага колеру.
  • 099 SUPPLY — Сцяна галерэі, запоўненая чорна-белымі аб'ектамі
  • Apple (España) — белая вітрына галерэі
  • Custo — Галерэя колеру зброевай сталі з маналітным шрыфтам. Выставачная зала ў прыглушаных шэра-зялёных танах, дзе адзіны цёмны аб'ект і шрыфт 57px гавораць самі за сябе
  • Silencio — Белы пакой з парылымі артэфактамі. Галерэйная вітрына з цёплай паперы, дзе кожны элемент займае сваё месца на фоне негатыўнага аб'ёму, а цішыня з'яўляецца наўмысным дызайнерскім рашэннем
  • Oakâme — Залітая сонцам правансальская майстэрня, высечаная з цёплага каменя