Adanola
Редакційні лукбук на білому папері. Модна фотосесія, де типографіка і фотографія немов дихають на чистих білих поверхнях, з чорним чорнилом для шрифту і ледь помітним фірмовим шрифтом без засічок (Favorit), що відображає весь стиль бренду
Adanola - це схоже на галерейне полотно для моди, де предметна фотографія є єдиною візуальною мовою, а інтерфейс користувача практично зникає. Інтерфейс майже монохромний – білі поверхні, чорний текст та один тонкий шрифт без засічок (Favorit) – дозволяючи кольору самих предметів одягу стати єдиним хроматичним акцентом на більшості сторінок. Компоненти навмисно легкі: жодних тіней, градієнтів, декоративних рамок, тільки тонкі лінії, ледь помітні контури основних дій та радіуси заокруглення кутів, які сприймаються скоріше як чіткі ніж м'які. Інтервали компактні та рівномірні (базовий), але щедрий білий простір навколо зображень створює спокійний редакційний ритм, в якому кожен знімок товару розглядається як повноформатний редакційний розворот. Загалом відчуття ближче до високоякісного друкованого лукбука, ніж до типової сітки електронної комерції.
Модель сторінки з повним заповненням контент обмежений максимальною шириною приблизно 1440px на настільних комп'ютерах. Герой є зображенням на всю ширину області перегляду з центрованим заголовком і прихованим закликом до дії (CTA). Під героєм сторінка чергується між розділами сітки товарів (4-колонова сітка для настільних комп'ютерів) та блоками зображень із редакційними матеріалами (дві однакові за шириною фотографії у стилі лайфстайл). Навігація є мінімалістичною верхньою панеллю з чорною смугою оголошень над нею — відсутній фіксований заголовок, бічна панель і мега-меню. Для перегляду категорій використовують прості горизонтальні вкладки-фільтри над сіткою товарів, а не окрема сторінка категорії. Ритм просторий: вертикальні проміжки 64px+ між основними розділами, компактна відстань 8-16px усередині карток товарів. Використання сітки послідовно: 4 колонки для товарів, 2 колонки для редакційних матеріалів, одна колонка для навігації за категоріями. Немає мозаїчних або асиметричних макетів — все жорстко вирівняно по сітці, щоб наголосити на структурі каталогу/лукбуку.
Візуальна мова, в якій домінує фотографія, зосереджена на повноекранних зображеннях моделей у спортивному одязі. Обробка радше редакційна, ніж комерційна: моделі відображені у природному русі (розтягуються, йдуть, роблять крок), а не статичних студійних позах. Передача кольорів природна і без фільтрів - кольори одягу відповідають дійсності, без двоколірної обробки або корекції кольору. Зображення мають нульовий радіус заокруглення кутів і не маскуються - це прямокутні кадри, що заповнюють контейнери від краю до краю. Головне зображення використовує широке співвідношення сторін (~16:6) без накладеної графіки, дозволяючи фотографії нести візуальне навантаження. Зображення на картках товарів - це чисті студійні знімки на нейтральному фоні, щільно обрізані одягом. Загальна щільність контенту — переважно зображення в редакційних розділах та сітка в описах товарів, текст завжди підпорядкований зображенням. Жодних ілюстрацій, 3D-рендерів, абстрактної графіки — фотографія є єдиним візуальним засобом.
Палітра
Нейтральні
- Carbon Ink
#000000— Основний текст, заповнені кнопки дій, обведення значків, тонкі лінії – домінуючий шрифт у всьому інтерфейсі. - Paper White
#ffffff— Полотно сторінки, картонні поверхні, текст на темному тлі, фонові зображення. - Soft Mist
#e5e7eb— Ледве помітні зміни поверхні, відключені стани, скелетне тло, роздільники світла. - Warm Fog
#f0efe7— Світло-бежевий відтінок поверхні забезпечує ледь помітні смуги між рядами товарів та редакційними розділами. - Blush Sand
#f5ebd5— Теплий кремовий відтінок поверхні для розділів з основними моментами та сезонних акцентів у редакційних матеріалах. - Smoke Charcoal
#333333— Додатковий текст, межі полів введення, стриманий дизайн інтерфейсу користувача.
Друкарня
від 14 до 30px · 3 ступенів
- Favorit — заміна: Inter · зображення 400, 500, 700 · Фірмовий та користувальницький шрифт - використовується у всій навігації, заголовках, основному тексті, кнопках, полях введення та картках товарів. Користувальницький монолінійний шрифт без засічок з вузькою міжлітерною відстанню (0.025em). Варіанти заміни: Inter, Söhne чи Neue Haas Grotesk. Шрифт середньої товщини 400 з міжлітерною відстанню 30px для заголовків - це фірмовий вибір: більшість сайтів про моду використовують декоративні шрифти з засічками або жирні шрифти, але заголовки Adanola, набрані звичайним шрифтом без засічок, більше схожі на редакційні підписи, ніж на рекламні підписи.
- Nunito Sans — заміна: Nunito Sans · зображення 400, 700 · Вторинний резервний варіант для полів введення форм та невеликих елементів інтерфейсу.
- Arial — заміна: Arial · зображення 400 · Резервний варіант системи для застарілих блоків електронної пошти та контенту.
Інтервали та форма
| Призначення | Значення |
|---|---|
| Щільність | середня |
| Базовий крок | 8px |
| Радіус кнопок | 4px |
| Радіус карток | 0px |
| Тіні | ні — межі замість тіней |
| Між секціями | 64px |
| Ширина сторінки | 1440px |
ІІ збере ваш сайт у стилі Adanola і наповнить його
- Наповнить товарами та постами за посиланням - Instagram, TikTok, Facebook.
- Перенесе контент зі старого сайту – достатньо вказати адресу.
- Сучасний дизайн на кращому движку: React ( Next.js) з серверним рендерингом та SEO-оптимізацією з коробки.
- Повна автоматична SEO-оптимізація під пошукову видачу та рекомендації нейромереж.
Схожі стилі
- Lightship — Кінематографічна діорама відкритої дороги. Теплі кремові стіни галереї, прикрашені великими пейзажними фотографіями, закріпленими на невеликих відстанях, тонкий чорний шрифт, що ледь помітний на рамках, і один яскраво-жовтогарячий акцент, що порушує монохромність, немов багаття на лузі
- Faire ES — оптовий каталог теплих вершків
- Oura Ring — Затишна майстерня, де готують вівсянку, під м'яким денним світлом
- Stykka — Скандинавська майстерня у білому світі — тихий, створений вручну виставковий зал, де єдиним голосом є фотографія
- DJI — аерокосмічний чорний полотно з єдиним електричним синім поштовхом
- Altitude Beverages — Монохромний поворот для журналу. Уявіть собі розворот модного журналу, позбавлений всіх кольорів, окрім предметної фотографії — текст і порожній простір розповідають історію
- AATHER — Розкрита долоня, одиночне полум'я — тиха розкіш, що у нерухомості.
- Cowboy — Бельгійська галерея велосипедів у білому фарфоровому виконанні. Шоурум, де матові поверхні, великий шрифт, що використовується в редакційних матеріалах, і практично повна відсутність декору змушують погляд зосередитися на велосипеді та його зміст
- Refero — Редакційна верстка на білому мармурі — сторінка товару, створена друкарем, де заголовок із засічками є візитною карткою бренду, а решта не відволікає уваги
- Face Formula — Скандинавський редакційний портрет. Спокійна журнальна розворотна зйомка, де погляд моделі та заголовок, написаний стислим шрифтом із засічками, говорять самі за себе на тлі прохолодного туману
- Shupatto — Музейна вітрина на білому мармурі
- Liron Moran Interiors — модна фотосесія на темному лляному полотні