Le Puzz
روزنامهی «سانی ساندی سیرکولار» (Sunny Sunday Circular) روزنامهای پر از رمز و راز است.
Le Puzz یک سیستم تجارت الکترونیک ماکسیمالیستی برای فروشگاههای بوتیک است که بر پایه دو رنگ ساخته شده است: زرد غنی و لانه زنبوری در کنار مشکی خالص، در مقابل یک پسزمینه خنک و خاکستری مرواریدی. سبک آن ترکیبی از روزنامههای قدیمی و پازل است: متن اصلی با فونت سریف Times نوشته شده است، در حالی که تیترها با فونت سفارشی Times Now نوشته شدهاند که عمداً با قراردادهای سنتی تجارت الکترونیک که به فونتهای sans-serif متکی هستند، در تضاد است. خود رابط کاربری ساده و مبتنی بر شبکه است و اجازه میدهد تا تأثیر بصری توسط بستهبندی محصول (ترکیبات متراکم و مصور پر از اسباببازی) منتقل شود. کنترلهای رابط کاربری کاملاً قوی هستند: دکمههایی با حاشیه مشکی روی پسزمینه زرد، آیکونهای قرصی شکل، کارتهایی با شعاع ۱۲ پیکسل و فاصله زیاد حروف برای حروف بزرگ کوچک، که حتی به دکمه "افزودن سریع" جلوهای سرمقالهای میبخشد.
یک شبکه کلاسیک تجارت الکترونیک با طراحی سرمقالهای متمایز. هدر یک نوار لانه زنبوری زرد با حاشیه مشکی به عرض ۱ است که یک لوگوی مرکزی و یک ردیف اضافی از دکمههای ناوبری را در خود جای داده است. در زیر، بالای یک شبکه سه ستونی از محصولات در یک پس زمینه خاکستری، یک هدر خوشامدگویی مرکزی با فونت Times Now قرار دارد. عنصر اصلی یک بلوک عکس مرکزی با گوشههای گرد (40) است که توسط دو کارت محصول احاطه شده است. ریتم بخشها حفظ شده است: فضای عمودی کافی (30)، سطوح زرد و خاکستری متناوب و حداکثر عرض تقریباً 4.5 سانتیمتر، که در مرکز صفحه قرار گرفتهاند. کارتهای محصول هم اندازه هستند و در یک شبکه سه ستونی مرتب با فاصله 5 سانتیمتر چیده شدهاند. طرحبندی متقارن و مرتبط با شبکه است - بدون ترکیببندی نامتقارن یا عناصر همپوشانی.
عنصر بصری، عکاسی از محصول است. جعبههای پازل به طور کامل در مقابل یک پسزمینه سفید/خنثی عکاسی شدهاند، سپس در مقابل یک پسزمینه استودیویی آبی گرم یا طبیعی قرار گرفتهاند. تصویر اصلی، شخصی را نشان میدهد که چندین جعبه پازل را در دست دارد - یک شیء سبک زندگی، که با انرژی بیوقفه ثبت شده است. خود بستهبندی غنی، گویا و حداکثری است: انبوهی از اسباببازیها، محصولات غذایی و شخصیتها در رنگهای اصلی روشن با خطوط سیاه ضخیم، طوری طراحی شدهاند که شبیه تصویرسازی کتاب کودک باشند که در یک پازل ۵۰۰ تکهای پراکنده شدهاند. هیچ گرافیک انتزاعی، هیچ رندر سهبعدی، هیچ شمایلنگاری به جز یک ذرهبین واحد وجود ندارد - خود پازلها زبان بصری هستند.
پالت
برند
- Honeycomb Yellow
#ffd931— رنگ اصلی برند، نوار عنوان، دکمههای عملیاتی اصلی، وضعیت فعال ناوبری، رنگ زیر خط لینک، رنگ زمینه - نت تک رنگی که همه چیز دیگر حول آن میچرخد.
خنثی
- Carbon Black
#000000— متن اصلی، حاشیههای ضخیم، طرح کلی دکمهها، طرح کلی آیکونها، متن ناوبری، اساس ساختاری کل سیستم هستند. - Ink Black
#231f20— متن ثانویه، متن اصلی، حاشیه دکمهها، حاشیه فیلد ورودی - رنگی کمی گرمتر، تقریباً سیاه برای ایجاد حس ملایمتر. - Pearl Gray
#c8cbcd— بوم صفحه، پسزمینههای کارت محصول، صحنهای چشمگیر که در آن رنگهای زرد و سیاه ظاهر میشوند. - Fog Gray
#a6a8aa— سطوح نشان ملایم، پسزمینههای ثانویه تراشه و رابط کاربری نامحسوس. - Smoke Line
#d6d6d6— جداکنندههای باریک، جداکنندههای میز/کارتِ نامحسوس.
تایپوگرافی
از ۱۱ تا ۴۷ پیکسل · ۶ مرحله
- Times Now — جایگزینی: Playfair Display · طرح کلی 100, 400 · یک فونت سریف برای تیترها و زیرتیترها - که برای تیترهای اصلی، نام محصولات و عناوین بخشها استفاده میشود. این فونت فوقالعاده سبک با اندازه ۱۰۰ و گام ۴۷ پیکسل، حس سرمقالهای بلند و تقریباً فشردهای ایجاد میکند؛ فرم حروف فشرده (ارتفاع خطوط ۰.۸۷ تا ۰.۹۰) به تیترهای بزرگ اجازه میدهد تا نزدیک متن همراه خود قرار گیرند و شبیه یک پوستر چاپی شوند.
- Times — جایگزینی: Times New Roman · طرح کلی 400 · متن بدنه با سریف، انتخابی غیرمنتظره برای یک فروشگاه آنلاین است و به کل سایت حالتی ادبی و کاتالوگگونه میدهد. فاصله کم بین خطوط (۱.۱۵) پاراگرافها را فشرده و خوانا میکند.
- Helvetica Neue — جایگزینی: Helvetica · طرح کلی 100, 400 · متنهای کوچک در رابط کاربری، متن روی دکمهها و ریزمتنها با فونت ۱۱ پیکسل و فاصله حروف زیاد (۰.۰۷۳۰em) تنظیم شدهاند که حتی در دمای مناسب بدن، حس نوشتن با حروف بزرگ را ایجاد میکند.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | متراکم |
| گام اساسی | 15px |
| شعاع دکمه | 12px |
| شعاع کارت | 12px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 30-40px |
| عرض صفحه | 1200px |
هوش مصنوعی وبسایت شما را به سبک Le Puzz میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Agence Foudre — صفحه روی جلد مجله به رنگ صورتی ملایمی است که یادآور رژ لب است.
- INVERSA — یک ترمینال میدانی توپوگرافی در نیمهشب. یک پنل فرماندهی تاریک، جایی که فونت بزرگ سرمقاله و یک لایه از نشانگرهای سبز نئونی روی تصاویر ماهوارهای زمین قرار گرفتهاند، هر برچسب تکرنگ، انگار که مختصات ماموریت را میخواند.
- Acne Studios — یک فضای گالری مینیمالیستی پر از عکسهای پر جنب و جوش - یک مجله مد که روی سنگ مرمر قرار گرفته است
- GTE — ترمینال تجاری پشت نورپردازی گالری
- Diabla — حیاطی مدیترانهای در ظهر - دیوارهای صورتی رنگپریده از آفتاب، یک سایبان برزنتی قرمز روشن، و تیترهای سرمقالههای چاپشده در سراسر آسمان.
- Subset — بوتیک تحریریه ساخته شده از کتان خام
- Cursor — یک کارگاه دنج کاغذ پوستی، روشن شده با زغالهای گداخته
- MindMarket — یک کتاب افسانهای دنج روی کاغذ کرم - یک بوم تحریریه دوستانه که در آن تیترهای بزرگ اینتر و شخصیتهای کاغذی برشخورده روی سطحی آفتابگیر و نرم به نرمی برچسب، همزیستی میکنند.
- Lamborghini — رنگ بدنه مشکی در نمایشگاه، زیر نورافکنها - یک ماشین زرد
- Amplemarket — یک محل کار آفتابگیر و پوشیده از کاغذ رنگی
- Getharvest — میزی در ساعت طلایی - بوم نقاشی به رنگ کرم گرم، کارت پستالهای سفید آویزان از بوم، و یک شعله نارنجی روشن
- Drive Capital — پوستر سفر جادهای قدیمی روی کاغذ گرم