Телеграм, 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.0140em–0.0240em, что придает единственному шрифту механический, каталожный ритм.

Интервалы и форма

НазначениеЗначение
Плотностьплотная
Базовый шаг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 — Галерея цвета оружейной стали с монолитным шрифтом. Выставочный зал в приглушенных серо-зеленых тонах, где е…
  • Silencio — Белая комната с парящими артефактами. Галерейная витрина из теплой бумаги, где каждый элемент занимает свое …
  • Oakâme — Залитая солнцем провансальская мастерская, высеченная из теплого камня