Телеграм, 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.0124 em0. механічний, каталожний ритм.

Інтервали та форма

ПризначенняЗначення
Щільністьщільна
Базовий крок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 — Залита сонцем провансальська майстерня, висічена з теплого каменю