Телеграм, WhatsApp +380637610482
Валерий Данюк
Валерий ДанюкразработчикРазработка ИИ‑инструментов для бизнеса. Качественно. Недорого.Написать в Telegram
Palmer — превью сайта в этом стиле

Palmer

Керамическая галерея в мягком дневном свете — взаимодействие происходит со стеной, а объекты — это искусство

Палмер обращается с посудой как с музейным экспонатом на теплом кремовом холсте (#f5f6ee). Интерфейс растворяется — никаких теней, никакого хрома, никаких насыщенных акцентов — поэтому керамика ручной глазуровки становится единственным цветом в комнате. Типография выдержана в минималистичном стиле: шрифт TWK Lausanne почти монотонным (300–500) с агрессивным отрицательным межбуквенным расстоянием, которое сближает буквы, включая огромный слой отображения 120px, который функционирует скорее как редакционное заявление, чем как метка интерфейса. Интерактивные элементы сведены к тонким границам и переключателям в форме таблеток, расположенным по краям области просмотра, чтобы центр оставался совершенно свободным. Все, что находится ниже линии сгиба, следует той же галерейной логике: мелкий текст, тонкие линии, большое расстояние между объектами.

Полноэкранный интерфейс без ограничений по максимальной ширине. Главный элемент — это разбросанные по всему экрану элементы: отдельные фрагменты, расположенные в тщательно подобранных местах, а не в виде сетки. Элементы навигации смещены в углы (словесный знак вверху слева, переключатель вверху по центру, панель управления внизу по центру), оставляя центральное поле полностью для изображений. Это интерфейс, ориентированный на один экран — разбросанные элементы являются главным элементом, а все второстепенные элементы интерфейса (меню, фильтр, масштабирование) отображаются при определенных условиях. Ритм разделов минимален: один экран, одна разбросанная композиция, минимум текста. Нет традиционных чередующихся полос.

Фотосъемка исключительно предметной продукции — снимки отдельных керамических изделий (тарелок, мисок) сверху или под углом 3/4 на прозрачном или кремовом фоне. Никакого контекста, никаких рук, никаких сервировок стола. Каждое изделие обрезано с легкой тенью, чтобы создать впечатление контакта с поверхностью. Изображения — единственный источник цвета на сайте: глазурованные синие, оливково-зеленые, пятнистые белые, янтарно-коричневые. Плотность высокая, но при этом «дышащая» — изделия разбросаны с намеренным пустым пространством между ними, скорее кураторский, чем каталоговый подход.

Палитра

Нейтральные

  • Gallery Cream #f5f6ee — Поверхность холста и основания — теплый кремовый оттенок, который лучше подходит для глазурованной керамики, чем чистый белый.
  • Ink #222222 — Основной текст, тонкие рамки, контуры карточек, обводка значков — весь структурный каркас выполнен в этом почти чёрном цвете.
  • Bone #ffffff — Фоновые изображения товаров, иногда с инвертированной поверхностью, когда карточка должна располагаться перед кремовым холстом.
  • Fog #a1a19c — Приглушенные второстепенные границы и текст с низким приоритетом — используются в тех случаях, когда чернила слишком плотные для структурного разделителя.
  • Lampblack #000000 — Этот цвет зарезервирован для редких заполненных элементов (фон активной навигации, привязки веса) — используется экономно, чтобы Ink оставался основным цветом текста.

Типографика

от 11 до 120px · 4 ступеней

  • TWK Lausanne — замена: Inter Tight or Neue Haas Grotesk Display Pro at matching weights · начертания 300, 400, 500, 600, 700 · Единственный шрифт — подходит для всего, от микро-тегов до редакционного оформления. Толщина 300 используется для заголовков и крупных заголовков (тонкий швейцарский гротеск, позволяющий керамическим буквам доминировать), 400–500 — для основного текста и пользовательского интерфейса, 600–700 — для активных состояний и меток фильтров. Отличительной чертой является плотное межбуквенное расстояние (-0.04emв заголовке,-0.02emв основном тексте): символы расположены близко друг к другу, придавая даже заголовкам11pxощущение сжатости и продуманности, а не воздушности стандартных символов.

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

НазначениеЗначение
Плотностьсредняя
Базовый шаг12px
Радиус кнопок8px
Радиус карточек12px
Тенинет — границы вместо теней
Между секциями80px

ИИ соберёт ваш сайт в стиле Palmer и наполнит его

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

Похожие стили

  • Peak Design — Стена галереи, частично освещенная
  • Arsenijs Fabrica — Красота, присущая редакционным материалам, раскрывается под светом галерейных ламп. Белоснежные стены галере…
  • 21 TSI — Багровая пустота, единственный силуэт — редакционная статья в стиле высокой моды, где пользовательский интер…
  • Aevi Wellness — Скандинавский аптекарский стиль, невесомый шрифт. Приглушенный серо-голубой акцент нарушает общую ахроматиче…
  • PLATFORM — Галерея «Белый куб» под светом прожекторов
  • Assembly Coffee London — Угли в темной обжарочной. Почти черный холст с теплыми, приглушенно освещенными фотографиями продукции и наб…
  • ARTWORLD — Заголовок модного издания на белом льняном полотне
  • Structured — Галерея эпохи Возрождения на бумаге, напоминающей пластилин
  • Airbnb — Тихая белая стена галереи с одной кораллово-красной закладкой
  • VISIONNAIRE — Редакционная галерея уличной моды на белоснежном фоне. Бренд ведет себя как напечатанный лукбук: плоский бел…
  • Letter — Частная галерея с переливающимися артефактами из хранилища. Выставочный зал с черными стенами, где заголовки…
  • Ramp — Финансовый отдел редакции, черно-белые страницы с одним неоновым маркером. Практически монохромная поверхнос…