Телеграм, 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 — Фінансовий відділ редакції, чорно-білих сторінок з одним неоновим маркером. Практично монохромна поверхня видання, де один яскравий салатовий штрих перетворює кожну взаємодію на грошовий сигнал.