Acne Studios
Жарқын фотосуреттерге толы минималистік галерея кеңістігі — мәрмәрге орналастырылған сән журналы
Acne Studios дәстүрлі дүкенге қарағанда сандық сән журналына көбірек ұқсайды: ақ кенеп, толық бетті редакциялық фотосуреттер және интерфейс элементтерінің мүлдем болмауы. Бүкіл бет мұқият жасалған көркем дизайн сияқты сезіледі - өнім суреттері тығыз, шетінен шетіне дейінгі тор түрінде орналасқан, ал жалғыз типографиялық тыныс белгілері - кішкентай, жақсы орналасқан бас әріптер. Қолтаңбалық электрлік кобальт түсі (#0018a8) сілтемелер мен интерактивті элементтерде сирек қолданылады, ешқашан толтырылған түйме ретінде пайдаланылмайды, бұл фотосуреттерге назар аударуға мүмкіндік береді. Компоненттер әдейі салмақсыз: көлеңкелер жоқ, картон беттер жоқ, дөңгелек контейнерлер жоқ, сәндік жақтаулар жоқ. Элементтер арасындағы кеңістік биіктік басқа жерде орындайтын құрылымдық функцияны орындайды.
Ені бойынша шектеулерсіз толық енді бет орналасуы. Бет қатаң редакциялық ырғақты ұстанады: (1) мәтіндік сілтемелер және себет санауышы бар бекітілген жоғарғы навигация, (2) қабаттасу логотипі бар 50/50 бөлінген тақырып, (3) арасында саңылаулары жоқ өнімдердің 4 бағандық торы, (4) арасында саңылаулары жоқ редакциялық блоктардың 5 бағандық қатары. Барлық бөлімдер тігінен тең саңылаулармен орналастырылған. Тор әрқашан түзу — асимметриялық немесе мозаикалық композициялар жоқ. Навигация минималистік, тек жоғарғы жолақ, бүйірлік жолақ немесе мега-мәзір жоқ. Орналасу солдан оңға, жоғарыдан төмен қарай басылған сән журналының таралуы сияқты оқылады.
Фотография – бұл тұтас өнім. Сән редакциялық фотосуреттерінде толық кадрлы суреттер басым: бейтарап студия фонында авангард стиліндегі модельдер (сұр, жолақты мата, күңгірт интерьерлер). Өнімдер таза ақ фонда, өмір салты контекстісіз түсірілген. Қосымша суреттерге бренд қаптамасы (қызғылт Acne Studios қораптары), дүкен витриналары және сәулеттік суреттер кіреді. Иллюстрациялар жоқ, қарапайым сызықтық глифтерден басқа белгішелер жоқ, градиенттер жоқ, 3D кескіндер жоқ. Суреттер әрқашан үшкір бұрыштары бар тікбұрышты болады – маскасыз, дөңгелек бұрыштарсыз, қабаттасусыз. Суреттердің рөлі сәндік атмосфера жасау емес, негізгі мазмұнды қамтамасыз ету; олар көрінетін пиксель аймағының шамамен 90%-ын алады.
Палитра
Бренд
- Electric Cobalt
#0018a8— Күлгін түс сәндік бөлшектер үшін және төмен жиіліктерді ерекшелеу үшін қосымша екпін ретінде қолданылады. Оны әрекетке шақыру үшін негізгі түс ретінде пайдалануға болмайды.
Бейтарап
- Ink Black
#000000— Негізгі мәтін, логотип, белгіше контурлары, шарлау белгілері және төменгі колонтитул мәтіні. Толық оқылу үшін ақ фонда 21:1 контраст қатынасы қолданылады. - Graphite
#6b6b6b— Қосымша пайдаланушы интерфейсі, бөлгіштер және дыбыссыз белгілер үшін бейтарап түсті қолдау. - Paper White
#ffffff— Бет кенебі, өнім картасының фоны және шарлау жолағының беті. Редакциялық фотосуреттердің «дем алуына» мүмкіндік беретін негізгі негіз. - Bone
#f2f2f2— Нәзік көлеңке реңктері және ұсақ жиектер керемет қабаттасуларды жасайды. Сирек қолданылған кезде, жүйе боялған беттерге қарағанда бос кеңістікті артық көреді.
Типография
120-дан 120 пиксельге дейін · 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 сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Agence Foudre — Журналдың мұқаба беті ерін далабын еске түсіретін ашық қызғылт түсті.
- INVERSA — Түн ортасындағы топографиялық далалық терминал. Жердің спутниктік суреттеріне үлкен редакциялық қаріп пен неон-жасыл маркерлердің бір қабаты қабаттасқан қараңғы басқару панелі, әрбір белгі миссия координаттарын оқып тұрғандай монохромды.
- GTE — Галерея жарықтандыруының артындағы сауда терминалы
- Diabla — Түскі Жерорта теңізі ауласы – күнге сіңген қызғылт қабырғалар, бір ашық қызыл кенеп шатыр және аспанда созылып жатқан серифтермен жазылған редакциялық тақырыптар.
- Le Puzz — Sunny Sunday Circular – жұмбақтарға толы таблоид.
- Subset — Шикі зығырдан жасалған редакциялық бутик
- Cursor — Тұтанған көмірмен жарықтандырылған жайлы пергамент шеберханасы
- MindMarket — Крем қағазға басылған жайлы ертегі кітабы – күнге қыздырылған, стикер тәрізді жұмсақ бетінде үлкен Inter тақырыптары мен кесілген қағаз кейіпкерлері қатар орналасқан ыңғайлы редакциялық кенеп.
- Lamborghini — Көрме залында, прожекторлардың астында қара кузов түсті - бір сары көлік
- Amplemarket — Күн шуағына малынған жұмыс орны конфеттиге толы
- Getharvest — Алтын сағаттағы үстел – жылы крем түсті кенеп, кенепке ілінген ақ ашықхаттар және жалғыз ашық қызғылт сары жалын
- Drive Capital — Жылы қағазға салынған ретро жол сапары плакаты