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