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

PLATFORM

Галерэя "Белы куб" пад святлом пражэктараў.

PLATFORM - гэта манахромная вітрына галерэі: чыста белае палатно, чыста чорны шрыфт і адзіны друкарскі стыль, які дазваляе творам мастацтва несці ўсю каляровую гаму. Інтэрфейс хутчэй рэдакцыйны, чым камерцыйны - вялікая колькасць негатыўнай прасторы, тонкія межы і кампактны памер шрыфта 15px, дзякуючы чаму каталог выглядае насычаным, але не ўтылітарным. Кожны элемент зведзены да сваёй асноўнай геаметрычнай формы: ніякіх ценяў, ніякіх закругленых кутоў, ніякіх дэкаратыўных градыентаў. Візуальная выразнасць дасягаецца выключна за кошт друкаркі: памер шрыфта 72px і стрыманая міжрадковая глыбіня 1,00 ствараюць павольны, мерны рытм друкаванага выставачнага каталога.

Загалоўная секцыя, якая займае ўсю шырыню старонкі, з цэнтраваным накладаннем тэксту, за якой ідзе шэрая паласа загалоўка, якая прадстаўляе кожны раздзел кантэнту, а затым чатырохкалонкавая сетка з ілюстрацыямі. Старонка займае максімальную шырыню прыкладна 1280px для сеткі картак і тэкставых блокаў, але загалоўная секцыя і палосы раздзелаў расцягваюцца ад краю да краю. Рытм раздзелаў вытрыманы: кожная зона пачынаецца з паласы загалоўка з тонкай рамкай (шэры фон, пазнака, выраўнаваная па левым краі, апісанне, выраўнаванае па правым краі, спасылка), за якой ідзе сетка картак. Навігацыя ўяўляе сабой мінімалістычную верхнюю панэль без фіксаваных паводзін. Няма бакавых панэляў, няма хлебных дробак у асноўным струмені - макет строга вертыкальны: рух → загалоўная секцыя → паласа загалоўка → сетка → паласа загалоўка → сетка → ніжні калантытул.

Прадстаўленыя выявы - гэта выключна мастацкая фатаграфія: карціны, скульптуры і работы ў змешанай тэхніцы, прадстаўленыя ў выглядзе прамых фрагментаў прадукцыі на белым фоне. Ніякага кантэксту, ніякага пастановачнага здымка памяшкання, ніякіх мадэляў, якія ўзаемадзейнічаюць з творам мастацтва. Кожны твор мастацтва займае ўсю рамку карткі ад краю да краю, успрымаючыся як каштоўны аб'ект, ізаляваны для агляду. Галоўная выява - гэта атмасферная фатаграфія ва ўсю шырыню старонкі - цёмная, злёгку размытая, з драматычным асвятленнем - якая служыць хутчэй для стварэння рэдакцыйнага настрою, чым для здымка прадукта. Ніякіх ілюстрацый, ніякіх значкоў, акрамя мінімальных функцыянальных гліфаў, ніякай дэкаратыўнай графікі.

Палітра

Нейтральныя

  • Bone White #ffffff — Фон старонкі, паверхні картак, негатыўная прастора
  • Lamp Black #000000 — Асноўны тэкст, межы картак і навігацыі, колер спасылак - адзіны структурны колер у сістэме.
  • Ash Gray #dddddd — Тонкія раздзяляльныя лініі, ледзь прыкметны падзел паверхняў.
  • Concrete Gray #cccccc — Другасныя межы, контуры ўводу, станы адключэння
  • Smoke Gray #b3b3b3 — Дапаможны тэкст без гуку, подпісы метададзеных, пазнакі-запаўняльнікі
  • Graphite #808080 — Дадатковыя подпісы, часовыя пазнакі, нявыдзеленыя метададзеныя

Друкарня

ад 12 да 72px · 5 прыступак

  • MediumLLWeb — замена: Söhne · напісання 400, 500 · Увесь тэкст на сайце - карыстацкі інтэрфейс, асноўны тэкст і загалоўкі. Для ўсіх друкарскіх функцый выкарыстоўваецца адзін неагратэскавы шрыфт ад Production Type. Для асноўнага тэксту і навігацыі па змаўчанні выкарыстоўваецца таўшчыня 400; таўшчыня 500 зарэзерваваная для імёнаў мастакоў, коштаў і вылучэнні ў метададзеных картак. Для памераў загалоўкаў (48-72px) выкарыстоўваецца тая ж таўшчыня 400 з малым міжрадковым інтэрвалам (1,00-1,15) для стварэння мернага рытму, характэрнага для старонак каталога.

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

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

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

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

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

  • Peak Design — Сцяна галерэі, часткова асветленая
  • Arsenijs Fabrica — Прыгажосць, уласцівая рэдакцыйным матэрыялам, раскрываецца пад святлом галерэйных лямпаў. Беласнежныя сцены галерэі, адзіны цёплы страбаскоп, які пульсуе аранжавым колерам на фоне манахромнай выявы, шрыфт, набраны тонкім, як шкло, і багацце вольнай прасторы
  • 21 TSI — Барвовая пустата, адзіны сілуэт - рэдакцыйны артыкул у стылі высокай моды, дзе карыстацкі інтэрфейс раствараецца ў атмасферы
  • Aevi Wellness — Скандынаўскі аптэкарскі стыль, бязважкі шрыфт. Прыглушаны шэра-блакітны акцэнт парушае агульную ахраматычную, паветраную вёрстку рэдакцыйнага матэрыялу, дзе фатаграфіі тавараў накладваюцца на карткі з тонкай рамкай на цёплым белым фоне.
  • Palmer — Керамічная галерэя ў мяккім дзённым святле - узаемадзеянне адбываецца са сцяной, а аб'екты - гэта мастацтва
  • Assembly Coffee London — Вуголле ў цёмнай обжарочной. Амаль чорнае палатно з цёплымі, прыглушана асветленымі фатаграфіямі прадукцыі і набранымі курсіўным шрыфтам з засечкамі надпісамі - адчуванне меню спешыалці-кава, надрукаванага ў паўночным самвыдаце
  • ARTWORLD — Загаловак моднага выдання на белым ільняным палатне
  • Structured — Галерэя эпохі Адраджэння на паперы, якая нагадвае пластылін
  • Airbnb — Ціхая белая сцяна галерэі з адной каралава-чырвонай закладкай
  • VISIONNAIRE — Рэдакцыйная галерэя вулічнай моды на беласнежным фоне. Брэнд паводзіць сябе як надрукаваны лукбук: плоскае белае палатно, выразныя чорныя чарнілы і адна цёплая крэмавая панэль, выкарыстоўваная ў якасці каляровага блока для дэманстрацыі прадукта ці лагатыпа
  • Letter — Прыватная галерэя з пераліўнымі артэфактамі са сховішча. Выставачная зала з чорнымі сценамі, дзе загалоўкі з засечкамі параць над храмаванымі скульптурамі на таніраваных сценах галерэі
  • Ramp — Фінансавы аддзел рэдакцыі, чорна-белыя старонкі з адным неонавым маркерам. Практычна манахромная паверхня выдання, дзе адна яркая салатавая рыска ператварае кожнае ўзаемадзеянне ў грашовы сігнал