MAKR
ویترین موزهای برای کالاهای چرمی دستساز. اتاقی آرام و تماماً سفید که در آن برچسبهایی با جوهر مشکی گرم، زیر عکسهای بزرگی از کالاهای چرمی که در دست گرفته شدهاند یا در مقابل مناظر قرار گرفتهاند، شناورند و تنها تضاد رنگی، نواری کمرنگ از رنگ مریم گلی است.
MAKR یک گالری آنلاین است که به کالاهای چرمی دستساز اختصاص دارد و بر اساس یک پالت رنگی تقریباً کاملاً بیرنگ ساخته شده است که در آن عکاسی عنصر غالب است. یک رنگ بنر تقریباً خاکستری (با کمی رنگ مریم گلی) نوار تبلیغاتی بالایی را برجسته میکند، در حالی که هر چیز دیگری - سطوح، متن، جداکنندهها، لینکها - با جوهر مشکی گرم و عمیق روی پسزمینه سفید ارائه شده است. تایپوگرافی در محدودترین حالت خود، نئو-گروتسک Sohne است: فونتهای کوچک، فاصله خطوط زیاد و فاصله مثبت حروف برای حروف بزرگ در زیرنویسها، مانند متن روی دیوار گالری به نظر میرسند، نه مانند رابط وب. طرحبندی تحت سلطه تصویر، نامتقارن و مینیمالیستی است، مانند یک موزه: اشیاء در دست، در مناظر، در نور طبیعی، با زیرنویسهای کوچک لینکمانند در زیر آنها عکاسی میشوند. اجزا عملاً نامرئی هستند - لینکهای متنی زیرخطدار، فیلدهای ورودی پنهان، بدون سایه، بدون دکمههای گرد - که به پوسته و عکاسی اجازه میدهد نقش اصلی را در شکلدهی به برند ایفا کنند.
یک طرحبندی لبه به لبه بدون محدودیت حداکثر عرض محتوا - تصاویر تمام صفحه نمایش را پر میکنند. بنر تبلیغاتی بالا تمام عرض را اشغال میکند و پس از آن، ناوبری هدر تمام عرض قرار دارد. قسمت محتوای اصلی از یک شبکه تصویر چند ستونی (۲-۳ ستون در دسکتاپ) با ناودانهای صفر یا حداقل استفاده میکند که به عکسها اجازه میدهد ساختار بصری خود را ایجاد کنند. متن و پیوندها در فضاهای سفید زیر تصاویر قرار میگیرند و هرگز همپوشانی ندارند. بخشهای سرمقاله بین شبکههای محصول و عکسهای تمام عرض و سبک زندگی متناوب هستند. ریتم عمودی سخاوتمندانه است (۸۰-۱.۵ ناودان بین بخشها)، که احساس قدم زدن در یک گالری را ایجاد میکند. ماژول اشتراک خبرنامه یک پنل ثابت در پایین سمت چپ است. یک پنل اشتراک قابل بسته شدن در پایین صفحه نمایش قرار دارد. تصور کلی، به جای یک طرحبندی معمول تجارت الکترونیک، شبیه یک کاتالوگ موزه یا صفحه سرمقاله است.
عکاسی، محتوا و زبان اصلی برند است. دو عنصر در کنار هم وجود دارند: (1) عکسهای بزرگ سیاه و سفید از محصول در دست، مربع یا برش خورده با نسبت 3:4، با کنتراست بالا، شیء بدون زمینه سبک زندگی، قاب را پر میکند؛ (2) عکسهای رنگی از سبک زندگی در نور طبیعی گرم، مناظر با تُنهای خاکی، مدلهای در حال حرکت با کیف، که از زوایای پایین با عمق میدان کم گرفته شدهاند. تناوب تصاویر خاکستری و رنگی، یک ریتم بصری واحد در صفحه ایجاد میکند. بدون تصویرسازی، بدون رندر سه بعدی، بدون گرافیک انتزاعی. تصاویر کل صفحه را اشغال میکنند یا کل عرض صفحه را در بر میگیرند، در سلولهای شبکهای با شعاع صفر و بدون حاشیه. آیکونها وجود ندارند یا حداقل هستند - یک صلیب ساده برای بستن، و نه چیزی بیشتر.
پالت
خنثی
- Obsidian Ink
#1c1717— متن اصلی، تمام لینکهای متنی، متن بدنه، سرتیترها، طرح کلی آیکونها و خطوط حاشیهای ظریف در سراسر رابط کاربری. این رنگ اصلی است - نسبت ۱۷.۷:۱ در پسزمینه سفید، که در بیش از ۵۰۰۰ مورد استفاده شده است. تُن گرم بسیار ظریف آن (نه سیاه خالص) به کل رابط کاربری حس یک کاتالوگ چاپی را میدهد تا یک صفحه نمایش. - Paper
#ffffff— حاشیههای نازک، جداکنندهها، خطوط بیرونی فیلد ورودی و لبههای کارت روی سطوح روشن. از استفاده از این رنگ به عنوان رنگ اصلی برای دکمههای فراخوان عمل خودداری کنید. - Bone
#f0f0f0— یک سطح ثانویه برای بخشهای متناوب، ایجاد پسزمینههای ظریف پنل و حاشیهها/جداکنندههای داخلی. این سطح یک رنگ خاکستری گرم و ظریف بین سفیدی کاغذ و سبز روشن آگهی ایجاد میکند. - Eucalyptus Mist
#a9aea9— پسزمینه بنر تبلیغاتی در بالای صفحه، انتقال رنگهای ملایم بین بخشها و یک قاب سوم. به خودی خود، تقریباً خاکستری به نظر میرسد، اما وقتی در کل عرض استفاده میشود، یک رنگ مریم گلی ظریف به خود میگیرد - تنها رنگ برجسته در طرح تک رنگ.
تایپوگرافی
از ۱۱ تا ۳۲ پیکسل · ۵ مرحله
- Sohne Web — جایگزینی: Inter · طرح کلی 400 · کل سبک رابط کاربری - متن اصلی، ناوبری، لینکها، عنوانها، دکمهها، فیلدهای ورودی، آیکونها و زیرنویسهای تصویر - استفاده شده است. فونت Sohne با وزن ۴۰۰ (هیچ نوع پررنگی یافت نشد) به MAKR بیانی آرام و در عین حال مطمئن میدهد: اطلاعات از طریق اندازه و فاصله حروف منتقل میشود، نه از طریق تضاد وزنی. جایگزینها: Inter، Söhne یا Untitled Sans.
- CircularXXMonoWeb — جایگزینی: JetBrains Mono · طرح کلی 400 · فقط برای دستورالعملهای فنی گاهبهگاه یا مشخصات محصول استفاده میشود - زمزمهای تکفاصله که ریتم نئو-گروتسک را میشکند. به مقدار کم استفاده کنید: کد محصول، مشخصات مواد، نه چیز دیگر. با: JetBrains Mono یا IBM Plex Mono جایگزین کنید.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | متراکم |
| گام اساسی | 5-8px |
| شعاع دکمه | 0px |
| شعاع کارت | 0px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 80-120px |
هوش مصنوعی وبسایت شما را به سبک MAKR میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- FARFETCH España — یک گالری مد به سبک «مکعب سفید». یک فضای خردهفروشی لوکس را تصور کنید که دیوارها، کف و وسایل آن به رنگ سفید دکلره شده باشند و فقط لباسها و افرادی که آنها را میپوشند، هر رنگ، بافت و بیان بصری را ایجاد کنند.
- Franco Maria Ricci Editore — کاتالوگ گالری آرت دکو - خطوط طلایی صیقل داده شده روی کاغذ پوستی سفید و ترد
- Laura Monin — دیوار گالری تحریریه، سنگ مرمر سفید، مهر جوهری
- OhDada — دیوار گالری تحریریه
- Cursor — یک کارگاه دنج کاغذ پوستی، روشن شده با زغالهای گداخته
- Structured — گالری رنسانس روی کاغذ شبیه پلاستیسین
- MindMarket — یک کتاب افسانهای دنج روی کاغذ کرم - یک بوم تحریریه دوستانه که در آن تیترهای بزرگ اینتر و شخصیتهای کاغذی برشخورده روی سطحی آفتابگیر و نرم به نرمی برچسب، همزیستی میکنند.
- Airbnb — یک دیوار گالری سفید و آرام با یک بوکمارک قرمز مرجانی
- Apple (España) — گالری موزه، در نور ملایم روز، فضایی سفید، واحد، جذاب و بیوزن است که هر نمایشگاه با نورافکنی در برابر دیواری با رنگ ملایم روشن میشود.
- Lamborghini — رنگ بدنه مشکی در نمایشگاه، زیر نورافکنها - یک ماشین زرد
- Amplemarket — یک محل کار آفتابگیر و پوشیده از کاغذ رنگی
- Getharvest — میزی در ساعت طلایی - بوم نقاشی به رنگ کرم گرم، کارت پستالهای سفید آویزان از بوم، و یک شعله نارنجی روشن