
Adanola
یک دفترچه یادداشت سرمقالهای روی کاغذ سفید. یک عکاسی مد که در آن تایپوگرافی و عکاسی روی سطوح سفید و تمیز نفس میکشند، با جوهر مشکی برای فونت و یک فونت sans-serif امضای ظریف (Favorit)، که منعکس کننده سبک کلی برند است.
آدانولا یک بوم نقاشی گالریمانند برای مد است، جایی که عکاسی از محصول تنها زبان بصری است و رابط کاربری عملاً ناپدید میشود. رابط کاربری تقریباً تکرنگ است - سطوح سفید، متن سیاه و یک فونت نازک sans-serif (Favorit) - که به رنگ خود لباسها اجازه میدهد تنها تأکید رنگی در اکثر صفحات باشد. اجزا عمداً روشن هستند: بدون سایه، گرادیان یا حاشیه تزئینی، فقط خطوط ظریف، طرحهای ظریف از اقدامات کلیدی و شعاعهای گوشهای که به جای نرم بودن، واضح به نظر میرسند. فاصلهگذاری فشرده و یکنواخت (پایه) است، اما فضای سفید فراوان در اطراف تصاویر، ریتمی آرام و سرمقالهای ایجاد میکند و با هر عکس محصول مانند یک صفحه سرمقاله تمام صفحه رفتار میکند. در کل، حس و حال آن بیشتر به یک دفترچه راهنمای چاپی با کیفیت بالا نزدیک است تا یک شبکه تجارت الکترونیک معمولی.
طرحبندی صفحه تمامعرض است و محتوا در نسخه دسکتاپ به حداکثر عرض تقریباً ۱۴۴۰ پیکسل محدود میشود. تصویر اصلی، تصویر تمامعرض با یک تیتر مرکزی و دکمه فراخوان (CTA) مخفی است. در زیر تصویر اصلی، صفحه بین بخشهای شبکه محصول (یک شبکه ۴ ستونی در نسخه دسکتاپ) و بلوکهای تصویر سرمقاله (دو عکس سبک زندگی با عرض مساوی) در نوسان است. ناوبری یک نوار بالایی مینیمالیستی با یک نوار تبلیغاتی سیاه در بالای آن است - هیچ سرصفحه، نوار کناری یا مگامنوی ثابتی وجود ندارد. دستهبندیها با استفاده از تبهای فیلتر افقی ساده در بالای شبکه محصول به جای یک صفحه دستهبندی جداگانه مرور میشوند. ریتم جادار است: ناودانهای عمودی ۶۴ پیکسلی یا بیشتر بین بخشهای اصلی و فاصله فشرده ۸ تا ۱۶ پیکسلی در داخل کارتهای محصول. شبکه به طور مداوم استفاده میشود: ۴ ستون برای محصولات، ۲ ستون برای محتوای سرمقاله و یک ستون برای ناوبری دستهبندی. هیچ طرحبندی موزاییکی یا نامتقارنی وجود ندارد - همه چیز به طور دقیق با شبکه تراز شده است تا بر ساختار کاتالوگ/کتابچه جستجو تأکید شود.
زبان بصری، که عکاسی بر آن تسلط دارد، بر تصاویر تمام صفحه از مدلها با لباسهای ورزشی متمرکز است. ویرایش بیشتر جنبهی ویرایشی دارد تا تجاری: مدلها به جای ژستهای ثابت استودیویی، در حرکت طبیعی (کشش، راه رفتن، قدم برداشتن) ثبت شدهاند. نمایش رنگ طبیعی و بدون فیلتر است - رنگ لباسها واقعی و بدون پردازش دو رنگ یا تصحیح رنگ است. تصاویر دارای شعاع گوشه صفر هستند و بدون ماسک هستند - آنها قابهای مستطیلی هستند که از لبه تا لبه، قابها را پر میکنند. تصویر اصلی از نسبت ابعاد عریض (~16:6) بدون گرافیک روی هم استفاده میکند و به عکاسی اجازه میدهد تا وزن بصری را به تنهایی به دوش بکشد. تصاویر کارت محصول، عکسهای استودیویی تمیز در برابر یک پسزمینه خنثی هستند که به طور فشرده با لباسها برش خوردهاند. تراکم کلی محتوا عمدتاً تصاویر در بخشهای ویرایشی و یک شبکه در توضیحات محصول است، و متن همیشه تابع تصاویر است. بدون تصویرسازی، رندرهای سهبعدی یا گرافیک انتزاعی - عکاسی تنها رسانه بصری است.
پالت
خنثی
- Carbon Ink
#000000— متن بدنه، دکمههای عملیاتی توپر، طرح کلی آیکونها، خطوط نازک - فونت غالب در سراسر رابط کاربری. - Paper White
#ffffff— صفحات بوم، سطوح مقوایی، متن روی زمینه تیره، تصاویر پسزمینه. - Soft Mist
#e5e7eb— تغییرات سطحی نامحسوس، حالتهای ناتوان، پسزمینه اسکلتی، جداکنندههای نور. - Warm Fog
#f0efe7— سطح بژ روشن، نوارهای ظریفی بین ردیفهای محصول و بخشهای ویرایشی ایجاد میکند. - Blush Sand
#f5ebd5— یک تُن سطحی گرم و خامهای برای هایلایتها و تأکیدات فصلی در محتوای سرمقالهای. - Smoke Charcoal
#333333— متن اضافی، حاشیههای فیلد ورودی، طراحی رابط کاربری نامحسوس.
تایپوگرافی
از ۱۴ تا ۳۰ پیکسل · ۳ مرحله
- Favorit — جایگزینی: Inter · طرح کلی 400, 500, 700 · فونت برند و سفارشی - در تمام ناوبری، عنوانها، متن بدنه، دکمهها، فیلدهای ورودی و کارتهای محصول استفاده میشود. یک فونت تکخطی سفارشی sans-serif با فاصله حروف باریک (0.025em). جایگزینها: Inter، Söhne یا Neue Haas Grotesk. وزن متوسط 400 با فاصله حروف 30 پیکسل برای تیترها، انتخاب برند است: اکثر وبسایتهای مد از فونتهای تزئینی serif یا bold استفاده میکنند، اما تیترهای Adanola که با فونت sans-serif معمولی تنظیم شدهاند، بیشتر شبیه زیرنویسهای سرمقاله هستند تا شعارهای تبلیغاتی.
- Nunito Sans — جایگزینی: Nunito Sans · طرح کلی 400, 700 · یک جایگزین ثانویه برای فیلدهای ورودی فرم و عناصر کوچک رابط کاربری.
- Arial — جایگزینی: Arial · طرح کلی 400 · یک سیستم پشتیبان برای ایمیلهای قدیمی و بلوکهای محتوا.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | میانگین |
| گام اساسی | 8px |
| شعاع دکمه | 4px |
| شعاع کارت | 0px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 64px |
| عرض صفحه | 1440px |
هوش مصنوعی وبسایت شما را به سبک Adanola میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Lightship — یک دیورامای سینمایی از جادهی باز. دیوارهای گالری به رنگ کرم گرم مزین به عکسهای بزرگ منظره که در فواصل نزدیک نصب شدهاند، حروف سیاه نازکی که به سختی روی قابها دیده میشوند، و یک تکرنگ نارنجی روشن که مانند آتشی در چمنزار، تکرنگی را میشکند.
- Faire ES — کاتالوگ عمده فروشی خامه گرم
- Oura Ring — کارگاه دنج تهیه بلغور جو دوسر، غرق در نور ملایم روز
- Stykka — یک کارگاه اسکاندیناویایی در نور سفید - یک نمایشگاه آرام و دستساز که تنها صدای آن، صدای عکاسی است
- DJI — بوم مشکی هوافضایی با یک هایلایت آبی برقی
- Altitude Beverages — صفحه مجله تک رنگ. یک صفحه مجله مد را تصور کنید که تمام رنگها به جز عکسهای ثابت از آن حذف شده باشد - متن و فضای سفید کل داستان را روایت میکنند.
- AATHER — یک کف دست باز، یک شعلهی تنها - تجملاتی آرام که در سکوت محصور شده است
- Cowboy — یک گالری دوچرخه بلژیکی در محیطی به سفیدی برف. نمایشگاهی که در آن سطوح مات، فونتهای بزرگ استفاده شده در مطالب سرمقاله و فقدان تقریبی تزئینات، چشم را به دوچرخه و محتویات آن جلب میکند.
- Refero — طرحبندی سرمقاله روی سنگ مرمر سفید - صفحه محصولی که توسط یک تایپوگرافر ایجاد شده است، جایی که تیتر serif کارت ویزیت برند است و هر چیز دیگری جلب توجه نمیکند
- Face Formula — یک پرتره سرمقالهای اسکاندیناویایی. یک فضای آرام و به سبک مجلهای، که در آن نگاه مدل و تیتر، که با فونت سریف فشرده نوشته شده است، در مقابل پسزمینهای سرد و مهآلود، خود گویای همه چیز هستند.
- Shupatto — ویترین موزه روی سنگ مرمر سفید
- Liron Moran Interiors — عکاسی مد روی پارچه کتان تیره