Acne Studios
یک فضای گالری مینیمالیستی پر از عکسهای پر جنب و جوش - یک مجله مد که روی سنگ مرمر قرار گرفته است
استودیوهای آکنه بیشتر شبیه یک مجله مد دیجیتال عمل میکنند تا یک فروشگاه سنتی: یک بوم سفید، عکاسی سرمقاله تمام صفحه و تقریباً بدون عناصر رابط کاربری. کل صفحه مانند یک طراحی هنری با دقت ساخته شده به نظر میرسد - تصاویر محصول در یک شبکه تنگ و لبه به لبه چیده شدهاند و تنها نقطهگذاری تایپوگرافی، حروف بزرگ کوچک و با فاصله مناسب است. رنگ کبالت الکتریکی خاص (#0018a8) به طور محدود روی لینکها و عناصر تعاملی استفاده میشود، هرگز به عنوان یک دکمه پر نشده است و به عکسها اجازه میدهد توجه را جلب کنند. اجزا عمداً بیوزن هستند: بدون سایه، بدون سطوح مقوایی، بدون ظروف گرد، بدون قابهای تزئینی. فضای بین عناصر عملکردی ساختاری دارد که ارتفاع در جاهای دیگر انجام میدهد.
یک طرحبندی تمامعرض صفحه بدون محدودیت حداکثر عرض. صفحه از یک ریتم ویرایشی دقیق پیروی میکند: (1) ناوبری ثابت در بالا با لینکهای متنی و شمارنده سبد خرید، (2) یک هدر تقسیمشده 50/50 با لوگوی روی هم قرار گرفته، (3) یک شبکه 4 ستونی از محصولات بدون فاصله بین آنها، (4) یک ردیف 5 ستونی از بلوکهای ویرایشی بدون فاصله بین آنها. همه بخشها به صورت عمودی با فواصل مساوی چیده شدهاند. شبکه همیشه صاف است - بدون ترکیببندی نامتقارن یا موزاییکی. ناوبری مینیمالیستی است، فقط یک نوار بالا دارد، بدون نوار کناری یا مگامنو. طرحبندی از چپ به راست، از بالا به پایین، مانند یک مجله مد چاپ شده، خوانده میشود.
عکاسی، کل محصول است. عکاسی سرمقالهای مد تحت سلطه تصاویر فولفریم است: مدلهایی با سبک آوانگارد در مقابل یک پسزمینه استودیویی خنثی (خاکستری، پارچه راهراه، فضای داخلی کمرنگ). محصولات در مقابل یک پسزمینه سفید خالص و بدون هیچ زمینهای از سبک زندگی عکاسی میشوند. تصاویر ثانویه شامل بستهبندی برند (جعبههای صورتی Acne Studios)، ویترین فروشگاهها و عکسهای معماری است. هیچ تصویرسازی، هیچ آیکونی به جز حروف خطی ساده، هیچ گرادیانی، هیچ رندر سهبعدی وجود ندارد. تصاویر همیشه مستطیل شکل با گوشههای تیز هستند - بدون ماسک، بدون گوشههای گرد، بدون پوشش. نقش تصاویر ایجاد یک فضای تزئینی نیست، بلکه ارائه محتوای اصلی است. آنها تقریباً 90٪ از مساحت پیکسل قابل مشاهده را اشغال میکنند.
پالت
برند
- Electric Cobalt
#0018a8— بنفش به عنوان یک رنگ ثانویه برای جزئیات تزئینی و تأکید بر فرکانسهای پایین استفاده میشود. نباید به عنوان رنگ اصلی برای فراخوان عمل استفاده شود.
خنثی
- Ink Black
#000000— متن اصلی، لوگو، طرح کلی آیکونها، برچسبهای ناوبری و متن پاورقی. برای خوانایی کامل، از نسبت کنتراست ۲۱:۱ روی پسزمینه سفید استفاده شده است. - Graphite
#6b6b6b— پشتیبانی از رنگهای خنثی برای رابط کاربری ثانویه، جداکنندهها و برچسبهای بیصدا. - Paper White
#ffffff— بوم صفحه، پسزمینه کارت محصول و سطح نوار ناوبری. پایه اصلی که به عکاسی سرمقالهای اجازه "نفس کشیدن" میدهد. - Bone
#f2f2f2— سایههای ظریف و لبههای ظریف، پوششهای چشمگیری ایجاد میکنند. این سیستم با استفادهی کم، فضای خالی را به سطوح رنگی ترجیح میدهد.
تایپوگرافی
از ۱۲۰ تا ۱۲۰ پیکسل · ۱ مرحله
- 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) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Agence Foudre — صفحه روی جلد مجله به رنگ صورتی ملایمی است که یادآور رژ لب است.
- INVERSA — یک ترمینال میدانی توپوگرافی در نیمهشب. یک پنل فرماندهی تاریک، جایی که فونت بزرگ سرمقاله و یک لایه از نشانگرهای سبز نئونی روی تصاویر ماهوارهای زمین قرار گرفتهاند، هر برچسب تکرنگ، انگار که مختصات ماموریت را میخواند.
- GTE — ترمینال تجاری پشت نورپردازی گالری
- Diabla — حیاطی مدیترانهای در ظهر - دیوارهای صورتی رنگپریده از آفتاب، یک سایبان برزنتی قرمز روشن، و تیترهای سرمقالههای چاپشده در سراسر آسمان.
- Le Puzz — روزنامهی «سانی ساندی سیرکولار» (Sunny Sunday Circular) روزنامهای پر از رمز و راز است.
- Subset — بوتیک تحریریه ساخته شده از کتان خام
- Cursor — یک کارگاه دنج کاغذ پوستی، روشن شده با زغالهای گداخته
- MindMarket — یک کتاب افسانهای دنج روی کاغذ کرم - یک بوم تحریریه دوستانه که در آن تیترهای بزرگ اینتر و شخصیتهای کاغذی برشخورده روی سطحی آفتابگیر و نرم به نرمی برچسب، همزیستی میکنند.
- Lamborghini — رنگ بدنه مشکی در نمایشگاه، زیر نورافکنها - یک ماشین زرد
- Amplemarket — یک محل کار آفتابگیر و پوشیده از کاغذ رنگی
- Getharvest — میزی در ساعت طلایی - بوم نقاشی به رنگ کرم گرم، کارت پستالهای سفید آویزان از بوم، و یک شعله نارنجی روشن
- Drive Capital — پوستر سفر جادهای قدیمی روی کاغذ گرم