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 — Рэтра-постэр для аўтападарожжа на цёплай паперы