
Slush
دنیای بادی برچسب ها روی کاغذ پاستلی
Slush مانند یک آلبوم استیکر عمل میکند: یک بوم کاغذی پاستلی، روبانهای عظیم و حجیم آبی روشن و رنگینکمانی از استیکرهای برجسته و پر جنب و جوش که مانند کاغذ رنگی پراکنده شدهاند. فونت متن بزرگ و فشرده است (ابعاد جانبی ۸۰۰ در ۲۰۰ تا ۶۴۰ پیکسل، فاصله خطوط ۰.۷۵ تا ۰.۸۰)، به طوری که کلمات به جای جملات، به اشیاء مجسمهای تبدیل میشوند. شش رنگ غنی و خاص به عنوان یک پالت استیکر عمومی عمل میکنند - هر رنگ به عنوان یک استیکر پر شده، سطح کارت یا لایه تزئینی ظاهر میشود، نه به عنوان یک لهجه نامحسوس. اجزا به آرامی گرد شدهاند (۲۰ تا ۴۰ پیکسل روی کارتها، قرصی شکل در ناوبری) و برای ایجاد جلوهای دستساز، با رنگ مشکی مشخص شدهاند. نتیجه کمتر یک صفحه فرود فینتک و بیشتر یک کلاژ فیزیکی است که به یک دیوار با رنگ روشن سنجاق شده است.
این طرحبندی دارای یک صفحه پیمایش تمام عرض، بدون نوار کناری یا کانتینر ثابت است. متن پیمایش و ناوبری مینیمالیستی بالا (لوگو در سمت چپ، نوار ناوبری در مرکز، دکمه فراخوان پر شده در سمت راست) در بالا باقی میمانند. هر بخش یک نوار رنگی تمام عرض (#dceeff → #ffffff → #cccccc) با متن کناری بزرگ، در مرکز یا چپچین، است که توسط روبانهای آبی سهبعدی قاب گرفته شده است. طرحبندی محتوا عمداً آزاد و شبیه کلاژ است، نه مبتنی بر شبکه: برچسبها روی متن قرار میگیرند، روبانها در پشت متن تلاقی میکنند و یک کارت QR در یک بخش ثانویه خارج از مرکز قرار گرفته است. ریتم عمودی نسبتاً پهن است (فاصله ۴۸ پیکسلی بین بخشها)، اما ترکیب افقی عمداً نامتقارن است. صفحه از بالا به پایین به صورت سه نوار رنگی بزرگ خوانده میشود که هر کدام یک پوستر مستقل هستند.
زبان بصری تحت سلطه روبانهای آبی سهبعدی است - یک موتیف یکپارچه برند متشکل از اشکال لولهای دانهدار و بادی به رنگ آبی براق که در هر بخش دور متن تیتر پیچیده یا آن را میپوشانند. برچسبهای تزئینی دوبعدی (یک موشک، یک سکه طلا، یک علامت تیک سبز، یک کیف پول بنفش) مانند برشهای کاغذی که به یک تخته سنجاق شدهاند، در اطراف تیترها شناورند و هر کدام دارای یک طرح کلی سیاه (1 پیکسل) هستند. هیچ عکسی در هیچ کجا وجود ندارد. هیچ شبکه تصویرسازی سنتی وجود ندارد - همه چیز کلاژ شده و به صورت نامتقارن چیده شده است. روبانهای سهبعدی فضای اصلی را ایجاد میکنند؛ برچسبها حس بازیگوشانهای به آن میدهند؛ بقیه متن و رنگ است.
پالت
برند
- Electric Blue
#4da2ff— رنگ غالب برند - مجسمههای روبان ضخیم، پسزمینههای تصویری، الگوهای تار روی کارتها - یک امضای بصری است که به عنوان پایه و اساس هر صفحه عمل میکند.
خنثی
- Carbon
#000000— متن اصلی، قابهای کارت، پسزمینهی پر شده برای فراخوان عمل و لوگو، جلوهای مانند یک طرح کلی برچسب برشخورده با دست را روی سطوح پاستلی ایجاد میکنند. - Paper White
#ffffff— صفحه بوم، سطوح مقوایی، طرح دکمه، متن روی زمینه تیره. - Sky Wash
#dceeff— پسزمینه بخش اصلی، پسزمینه پاستلی آبی روشن. - Concrete Gray
#cccccc— پسزمینه بخش ثانویه، سطح میانی خنثی - Soft Mist
#e9e9e9— دکمهها و سطوح با تُنهای ظریف، حالتهای غیرفعال - Mint Pop
#55db9c— رنگ سبز برای برجسته کردن پسزمینه، نوارهای تزئینی و تأکید ملایم پشت محتوا.
تایپوگرافی
از ۱۲ تا ۶۴۰ پیکسل · ۷ مرحله
- Lateral — جایگزینی: Druk · طرح کلی 800 · فقط تیترها - لوگوی "SLUSH" و بنرهای بخش مانند "ALL THINGS SUI" - با فونت 200-640px با ارتفاع خط کاهش یافته 0.75-0.80 نمایش داده میشوند، بنابراین حروف بلوکهای حجاری شده را تشکیل میدهند. این یک روش نمایش غیرسنتی است: هیچ وبسایت دیگری از فونت 800 نقطهای با ارتفاع خط کمتر از 0.85 استفاده نمیکند و این جلوه باعث میشود متن مانند یک جسم فیزیکی پیچیده شده در روبانهای سهبعدی رفتار کند.
- Aeonik Pro — جایگزینی: Inter · طرح کلی 500, 700 · کل رابط کاربری، شامل متن بدنه، ناوبری، دکمهها و زیرعنوانها. وزن ۵۰۰ برای متن بدنه و فرادادهها (۱۲-۱۶ پیکسل)، وزن ۷۰۰ برای زیرعنوانها و برچسبهای ناوبری (۲۴-۳۰ پیکسل) و افزایش ۶۴ پیکسلی ۷۰۰ برای عنوانهای ثانویه بزرگ. فاصله کم حروف (-۰.۰۱۰em) متن بدنه (۱۴-۱۶ پیکسل) را باریک میکند؛ گسترش جزئی (۰.۰۳۰-۰.۰۳۲em) در برچسبها/دکمههای ناوبری، به کنترلها "فضای سفید" میدهد.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | متراکم |
| گام اساسی | 4-12px |
| شعاع دکمه | 1600px |
| شعاع کارت | 20px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 48px |
| عرض صفحه | 1440px |
هوش مصنوعی وبسایت شما را به سبک Slush میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Cursor — یک کارگاه دنج کاغذ پوستی، روشن شده با زغالهای گداخته
- MindMarket — یک کتاب افسانهای دنج روی کاغذ کرم - یک بوم تحریریه دوستانه که در آن تیترهای بزرگ اینتر و شخصیتهای کاغذی برشخورده روی سطحی آفتابگیر و نرم به نرمی برچسب، همزیستی میکنند.
- Shop — صورت فلکی تجاری شناور روی سنگ مرمر سفید
- Airbnb — یک دیوار گالری سفید و آرام با یک بوکمارک قرمز مرجانی
- Superr — یک دفترچه یادداشت مدرسه گرم در نور ملایم بعدازظهر. یک صفحه کرم رنگ، یک ماژیک نارنجی بدون درب، و یک دسته برچسب اسم روکشدار که منتظر کنده شدن هستند.
- Apple (España) — گالری موزه، در نور ملایم روز، فضایی سفید، واحد، جذاب و بیوزن است که هر نمایشگاه با نورافکنی در برابر دیواری با رنگ ملایم روشن میشود.
- Lamborghini — رنگ بدنه مشکی در نمایشگاه، زیر نورافکنها - یک ماشین زرد
- Amplemarket — یک محل کار آفتابگیر و پوشیده از کاغذ رنگی
- Getharvest — میزی در ساعت طلایی - بوم نقاشی به رنگ کرم گرم، کارت پستالهای سفید آویزان از بوم، و یک شعله نارنجی روشن
- Agence Foudre — صفحه روی جلد مجله به رنگ صورتی ملایمی است که یادآور رژ لب است.
- Drive Capital — پوستر سفر جادهای قدیمی روی کاغذ گرم
- Apple (España) — ویترین گالری سفید