
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 — Працоўны стол у «залатую гадзіну» - палатно цёплага крэмавага колеру, белыя паштоўкі, панавешаныя на палатне, і адно яркае аранжавае полымя.