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

MAKR

Музейная вітрына для вырабаў са скуры ручной працы. Ціхая, беласнежная зала, дзе пад вялікімі фатаграфіямі скураных прадметаў у руках або на фоне пейзажаў параць этыкеткі, выкананыя цёплым чорным чарнілам, а адзіным каляровым кантрастам з'яўляецца прыглушаная паласа шалвеі

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

Макет ад краю да краю без абмежавання максімальнай шырыні кантэнту - выявы запаўняюць усю вобласць прагляду. Верхні банэр з аб'явай займае ўсю шырыню, за ім варта рух у загалоўку, таксама ва ўсю шырыню. Асноўная вобласць кантэнту выкарыстоўвае шматкалонкавую сетку малюнкаў (2-3 калонкі для настольных кампутараў) з нулявымі або мінімальнымі прамежкамі, дазваляючы фатаграфіям ствараць уласную візуальную структуру. Тэкст і спасылкі размяшчаюцца ў белых палях пад выявамі, ніколі не накладваючыся адзін на аднаго. Рэдакцыйныя раздзелы чаргуюцца паміж сеткамі тавараў і поўнафарматнымі фатаграфіямі ў стылі лайфстайл. Вертыкальны рытм дастаткова шчодры (80-1,5 прамежкаў паміж раздзеламі), ствараючы адчуванне прагулкі па галерэі. Мадальнае акно падпіскі на навінную рассылку ўяўляе сабой фіксаваную ніжнюю левую панэль; зачыненая панэль падпіскі знаходзіцца ў самым нізе вобласці прагляду. Агульнае ўражанне - гэта музейны каталог або рэдакцыйны разварот, а не тыповы макет інтэрнэт-крамы.

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

Палітра

Нейтральныя

  • Obsidian Ink #1c1717 — Асноўны тэкст, усе тэкставыя спасылкі, асноўны тэкст, загалоўкі, абводка значкоў, тонкія лініі межаў па ўсім карыстацкім інтэрфейсе. Гэта асноўны колер - 17,7:1 на белым фоне, які выкарыстоўваецца больш чым у 5000 асобніках. Яго вельмі лёгкае цёплае адценне (не чыста чорнае) надае ўсяму інтэрфейсу адчуванне друкаванага каталога, а не экрана.
  • Paper #ffffff — Тонкія межы, падзельнікі, контуры палёў уводу і краі картак на светлых паверхнях. Не выкарыстоўвайце гэты колер у якасці асноўнага колеру кнопкі закліку да дзеяння.
  • Bone #f0f0f0 — Другасная паверхня для чаргавання секцый, стварэння ненадакучлівых фонавым панэляў і ўнутраных межаў/падзяляльнікаў. Стварае ледзь прыкметнае цёплае шэрае адценне паміж белым колерам паперы і светла-зялёнай паласой аб'явы.
  • Eucalyptus Mist #a9aea9 — Фон банэра аб'явы ў верхняй частцы старонкі, прыглушаныя каляровыя пераходы паміж раздзеламі, троеснай рамка. Сам па сабе выглядае амаль шэрым, але пры выкарыстанні на ўсю шырыню набывае ледзь прыкметнае адценне шалвеі - адзіны каляровы акцэнт у манахромнай сістэме.

Друкарня

ад 11 да 32px · 5 прыступак

  • Sohne Web — замена: Inter · напісання 400 · Увесь стыль інтэрфейсу - асноўны тэкст, рух, спасылкі, загалоўкі, кнопкі, палі ўводу, значкі, подпісы да малюнкаў. Шрыфт Sohne таўшчынёй усяго 400 (тлустыя варыянты не выяўлены) надае MAKR яго ціхую, але ўпэўненую выразнасць: інфармацыя перадаецца праз памер і міжлітарную адлегласць, а не праз кантраснасць таўшчыні. Варыянты замены: Inter, Söhne ці Untitled Sans.
  • CircularXXMonoWeb — замена: JetBrains Mono · напісання 400 · Выкарыстоўваецца толькі для рэдкіх тэхнічных указанняў або спецыфікацый прадукта - монашырынны шэпт, які парушае неагратэскавы рытм. Выкарыстоўвайце эканомна: код прадукта, спецыфікацыя матэрыялу, не больш за тое. Заменіце на: JetBrains Mono ці IBM Plex Mono.

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

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

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

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

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

  • FARFETCH España — Модная галерэя ў стылі "белага куба". Уявіце сабе элітную гандлёвую прастору, дзе сцены, падлогі і абсталяванне выбелены дабяла, і толькі адзенне і людзі, якія яе носяць, ствараюць кожнае адценне, тэкстуру і візуальную выразнасць.
  • Franco Maria Ricci Editore — Каталог галерэі ў стылі ар-дэка - паліраваныя залатыя лініі на беласнежным пергаменце
  • Laura Monin — Сцяна рэдакцыйнай галерэі, белы мармур, чарнільны штамп.
  • OhDada — Сцяна рэдакцыйнай галерэі
  • Cursor — Утульная майстэрня з пергамента, асветленая якія тлеюць вуглямі
  • Structured — Галерэя эпохі Адраджэння на паперы, якая нагадвае пластылін
  • MindMarket — Утульная кніжка-казка на крэмавай паперы - прыязнае рэдакцыйнае палатно, дзе буйныя загалоўкі Inter і выразаныя з паперы персанажы суседнічаюць на залітай сонцам, мяккай, як налепкі, паверхні
  • Airbnb — Ціхая белая сцяна галерэі з адной каралава-чырвонай закладкай
  • Apple (España) — Музейная галерэя ў мяккім дзённым святле - гэта адзінае, захапляльнае, бязважкае белае памяшканне, дзе кожны экспанат падсветлены кропкавым промнем на фоне злёгку таніраванай сцяны.
  • Lamborghini — Чорны колер кузава ў выставачнай зале, пад святлом пражэктараў - адзін жоўты аўтамабіль
  • Amplemarket — Залітае сонцам працоўнае месца, абсыпанае канфеці
  • Getharvest — Працоўны стол у «залатую гадзіну» - палатно цёплага крэмавага колеру, белыя паштоўкі, панавешаныя на палатне, і адно яркае аранжавае полымя.