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 — Ак кәгазьдән ясалган уңайлы әкият китабы - кояшта кыздырылган, стикер кебек йомшак өслектә зур "Интер" баш язмалары һәм киселгән кәгазь персонажлар бергә урнашкан дустанә редакция холсты.
- Lamborghini — Күргәзмә залында кара кузов, прожекторлар астында - бер сары машина
- Amplemarket — Кояш нурлары белән тулган эш урыны конфетти белән тулган
- Getharvest — Алтын сәгатьтәге өстәл – җылы каймак төстәге киндер, киндердә эленгән ак открыткалар һәм бер генә ачык кызгылт сары ялкын.
- Drive Capital — Җылы кәгазьдә ретро юл сәяхәте плакаты