Acne Studios
Мінімалістичний галерейний простір, заповнений яскравими фотографіями - модний журнал, розкладений на мармурі
Acne Studios функціонує швидше як цифровий модний журнал, ніж традиційний магазин: біле полотно, повноформатні редакційні фотографії і практично повна відсутність елементів інтерфейсу. Вся сторінка сприймається як ретельно продуманий арт-дизайн — зображення товарів розташовані в щільній сітці від краю до краю, а єдиним типографським розділовим знаком є крихітні великі літери з великою міжбуквенною відстанню. Фірмовий електричний кобальтовий колір (#0018a8) використовується економно на посиланнях та інтерактивних елементах, ніколи не як заповнена кнопка, дозволяючи фотографіям привертати до себе увагу. Компоненти навмисно невагомі: немає тіней, картонних поверхонь, немає закруглених контейнерів, немає декоративних рамок. Простір між елементами виконує структурну функцію, яку у інших місцях виконує піднесення.
Макет сторінки, що займає всю ширину сторінки, без обмежень максимальної ширини. Сторінка витримана в строгому редакційному ритмі: (1) фіксована верхня навігація з текстовими посиланнями та лічильником кошика, (2) розділений на всю ширину сторінки заголовок (50/50) з накладеним логотипом, (3) 4-колонова сітка товарів без проміжків між ними, (4) ними. Усі розділи розташовані вертикально з однаковими проміжками. Сітка завжди рівна - ніяких асиметричних чи мозаїчних композицій. Навігація мінімальна, тільки верхня панель, без бічної панелі або мега-меню. Макет читається ліворуч, зверху вниз, як розворот друкованого модного журналу.
Фотографія – це весь продукт. У модних редакційних знімках переважають повноформатні зображення: моделі в авангардному стилі на нейтральному студійному фоні (сірий колір, смугаста тканина, інтер'єри приглушені). Продукти знімаються на чисто білому тлі без будь-якого контексту, пов'язаного із способом життя. Вторинні зображення включають упаковку бренду (рожеві коробки Acne Studios), фотографії вітрин магазинів та архітектурні знімки. Жодних ілюстрацій, жодних іконок, крім простих лінійних гліфів, жодних градієнтів, жодних 3D-рендерів. Зображення завжди прямокутні з гострими кутами без маскування, без заокруглених кутів, без накладень. Роль зображень полягає не у створенні декоративної атмосфери, а в основному змісті; вони займають приблизно 90% видимої області пікселів.
Палітра
Бренд
- Electric Cobalt
#0018a8— Фіолетовий колір використовується як допоміжний акцент для декоративних деталей та акцентування низьких частот. Не слід виділяти його як основний колір заклику до дії.
Нейтральні
- Ink Black
#000000— Основний текст, логотип, контури іконок, написи в навігації та текст у нижньому колонтитулі. Використано контраст 21:1 на білому тлі для абсолютної читальності. - Graphite
#6b6b6b— Підтримка нейтрального кольору для додаткового інтерфейсу користувача, розділювачів і приглушених міток. - Paper White
#ffffff— Полотно сторінки, фон для карток товарів і поверхню навігаційної панелі. Основна основа, що дозволяє редакційній фотографії "дихати". - Bone
#f2f2f2— Ніжне тонування у вигляді тіней і тонке окантування для створення ефектних накладень. Використовується мінімально - система віддає перевагу порожньому простору тонованим поверхням.
Друкарня
від 120 до 120px · 1 ступенів
- Helvetica Monospaced Pro — заміна: Inter · зображення 400 · Шрифт Helvetica Monospaced Pro - виявлений у вилучених даних, але не описаний ІІ.
- Acne Studios (custom wordmark) — заміна: GT Walsheim or Manrope at matching optical size and weight · зображення 400-500 · Великий логотип бренду накладено на головне фото. Шрифт має геометричну структуру із гуманістичними закінченнями; жоден системний шрифт не може його відтворити, але за своїм характером він найближчий до геометричного шрифту без засічок з широкою апертурою.
- Helvetica Neue / system sans — заміна: Helvetica or Inter · зображення 400 · Весь функціональний текст інтерфейсу користувача: посилання навігації, заголовки розділів, описи товарів, нижній колонтитул. Завжди відображається великими літерами з великим міжлітерним інтервалом - це друкарське оформлення є найвідомішим нефотографічним елементом на сайті.
Інтервали та форма
| Призначення | Значення |
|---|---|
| Щільність | середня |
| Базовий крок | 10px |
| Радіус кнопок | 0px |
| Радіус карток | 0px |
| Тіні | ні — межі замість тіней |
| Між секціями | 60px |
ІІ збере ваш сайт у стилі Acne Studios і наповнить його
- Наповнить товарами та постами за посиланням - Instagram, TikTok, Facebook.
- Перенесе контент зі старого сайту – достатньо вказати адресу.
- Сучасний дизайн на кращому движку: React ( Next.js) з серверним рендерингом та SEO-оптимізацією з коробки.
- Повна автоматична SEO-оптимізація під пошукову видачу та рекомендації нейромереж.
Схожі стилі
- Agence Foudre — Головна сторінка журналу, виконана в ніжно-рожевому кольорі, що нагадує колір губної помади
- INVERSA — Топографічний польовий термінал опівночі. Темна командна панель, де масивний редакційний шрифт і єдиний шар неоново-салатових маркерів накладено на супутникові знімки Землі, кожен напис монохромний, начебто читаються координати місії.
- GTE — Торговий термінал за освітленням галереї
- Diabla — Середземноморський дворик опівдні — рожеві стіни, що вицвіли від сонця, один яскравий червоний брезентовий навіс і редакційні заголовки із засічками, що розтягнулися по всьому небу.
- Le Puzz — Sunny Sunday circular – жовтий таблоїд, повний загадок
- Subset — Редакційний бутік на основі необробленого льону
- Cursor — Затишна майстерня з пергаменту, освітлена тліючим вугіллям
- MindMarket — Затишна книжка-казка на кремовому папері — доброзичливе редакційне полотно, де великі заголовки Inter та вирізані з паперу персонажі сусідять на залитій сонцем, м'якій, як наклейки, поверхні
- Lamborghini — Чорний колір кузова у виставковому залі, під світлом прожекторів – один жовтий автомобіль
- Amplemarket — Залите сонцем робоче місце, посипане конфетті
- Getharvest — Робочий стіл у «золоту годину» — полотно теплого кремового кольору, білі листівки, розвішані на полотні, та одне яскраве помаранчеве полум'я
- Drive Capital — Ретро-постер для подорожі на теплому папері