monopo saigon
درخششی مایع و رنگینکمانی در پس سکوت تحریریه - گالری تحریریه تکرنگی که بر نوری مذاب شناور است
مونوپو سایگون تحت یک نظم تکرنگ رادیکال عمل میکند: سیاه و سفید خالص با تُنهای خاکستری ظریف، پیچیده شده در اطراف یک فونت عظیم روبرت که به نظر میرسد روی بومهایی که تمام عرض صفحه را پوشاندهاند، نفس میکشد. تضاد ویژه در محدودیت شدید ویرایشی (زاویههای تیز ناوبری و لینکهای متنی، فضای سفید فراوان، ریتمی مبتنی بر 4px) و یک حرکت بیانگر واحد - دکمههایی با شعاع 75px که مانند مایعی بالای تصاویر شناور هستند - نهفته است. عناصر اصلی طراحی به سمت جوهای رنگینکمانی و سیال گرایش دارند (سبزها به کهربایی و سپس به شرابی تیره محو میشوند)، در حالی که خود رابط هرگز یک رنگ واحد به خود نمیگیرد و حس یک گالری ویرایشی سیاه و سفید را که بالای رودخانهای از نور مایع شناور است، ایجاد میکند. فونت، لحن را تعیین میکند: وزن 300 خطی در 78px زمزمه میکند، وزن 400 خطی در 225px صفحه نمایش را پر میکند و وزن 400 خطی در 11px با اطمینان و حداقل، همه چیز دیگر را تعریف میکند. حرکت، رسا و در عین حال صبورانه است - منحنیهای anti-aliasing با استفاده از cube-bezier(0.19, 1, 0.22, 1) که تا ۱.۲۵ ثانیه کشیده میشوند، انتقالهای تبدیل را انجام میدهند و به عناصر اجازه میدهند به جای توقف ناگهانی، به آرامی حرکت کنند.
طرحبندی در حداکثر عرض 1078 پیکسل در مرکز قرار دارد و بخشهای تیرهی اسپلش کل عرض صفحه را پوشانده و فراتر از کانتینر امتداد مییابند. بخش اسپلش کل نمای دید را اشغال میکند: یک عنوان مرکزی و عظیم (United، Unbound) بالای محتوای رسانهای درخشان معلق است، ناوبری مینیمالیستی در بالا شناور است و یک آیکون چرخان در پایین سمت چپ قرار دارد. بخشهای متن بدنه از یک ریتم ویرایشی وسیع پیروی میکنند - شکافهای بزرگ 46 پیکسلی بین بخشها، فضای تنفس بین بلوکها ایجاد میکند و نوارهای متناوب سفید و تیره (سیاه با فونت سفید) را نشان میدهد. طرحبندی محتوا نامتقارن است: متن متناوب در سمت چپ/تصویر در سمت راست و تصویر در سمت چپ/متن در سمت راست غالب هستند و هیچ بلوک مرکزی در خارج از بخش اسپلش وجود ندارد. شبکههای کارت به جای چند ستونی به صورت لیستهای پروژه تک ستونی نمایش داده میشوند - هر پروژه با تصویر و عنوان خاص خود، کل عرض را اشغال میکند. نوار ناوبری شامل یک نوار بالایی شفاف با لوگو در سمت چپ، محلیسازی در مرکز و یک منو در سمت راست است - بدون تغییر رنگ دائمی، بدون سایه، فقط یک دکمه ذخیره نامرئی. در پایین صفحه یک بلوک آدرس سه ستونی فشرده (توکیو، سایگون، لندن) با متن نامحسوس وجود دارد. در کل، این سبک سرمقاله یک مجله دیجیتال است.
جلوههای بصری، نمایشی و منحصر به فرد هستند: صفحه اصلی تحت سلطه یک بافت سیال، رنگینکمانی و عظیم است - رنگهای سبز ارگانیک که در کهربایی و شرابی حل میشوند، مانند روغن روی آب یا شیشه مذاب. این حس را میدهد که محتوای رسانهای اتمسفریک کل صفحه را اشغال کرده است، شاید یک ویدیو یا یک بوم نقاشی که با سایهزنها ایجاد شده است، و به عنوان یک لحظه حسی واحد به جای یک الگوی تکرارشونده درک میشود. دموهای پروژه از عکاسی سرمقالهای صمیمی (عکسهای محصول در مقیاس بزرگ، تصاویر تبلیغاتی) استفاده میکنند که بدون قاب یا حاشیه ارائه میشوند - تصویر، محتوا است. هیچ تصویرسازی، هیچ آیکونی به جز حروف کوچک رابط کاربری و هیچ شکل تزئینی وجود ندارد. آیکوننگاری حداقلی یا وجود ندارد؛ یک آیکون متن دایرهای چرخان به عنوان تنها تزئین تایپوگرافی سیستم عمل میکند. تراکم کلی: متن با یک حرکت بصری واحد در اندازه بزرگ غالب است و به دنبال آن، بخشهای سرمقالهای طولانی و آرام از تایپوگرافی و تصاویر محصول قرار میگیرند.
پالت
برند
- Iridescent Fade
#a02d25— تأکید رنگی فقط در گذار گرادیان ظاهر میشود - رنگ بورگاندی مذاب که اساس فضای رنگینکمانی را تشکیل میدهد در کنترلهای رابط استفاده نمیشود.
خنثی
- Obsidian
#000000— متن بدنه، حاشیه SVG، پر کردن متن بدنه - رنگ مشکی خالص شامل تمام اطلاعات پیشزمینه و عناصر گرافیکی است. - Paper
#ffffff— متن روشن روی سطوح تیره، زیرنویسهای وارونه و تیترهای با کنتراست بالا. از استفاده از متن روشن به عنوان رنگ اصلی برای فراخوانهای اقدام خودداری کنید. - Inkstone
#181818— متن اصلی در پاورقی و سرتیترهای اضافی برای خواندن متنهای طولانی به رنگ مشکی ملایم هستند. - Felt Gray
#6d6d6d— متن کمکی، بلوکهای آدرس، متون حقوقی - حاشیهنویسیهای آرامی که بدون ناپدید شدن کامل، بدون جلب توجه، محو میشوند. - Slate Pill
#636363— پسزمینه خنثی دکمه، تنها رنگ ثابتی است که برای عملیاتی مانند پذیرش استفاده میشود. - Ash Mist
#9a9a9a— یک رنگ خنثی با تُن میانی برای سطوحی که دید کم یا کنتراست کمی در یک مجموعه سطحی دارند.
تایپوگرافی
از ۱۲ تا ۲۲۵ پیکسل · ۹ مرحله
- Roobert — جایگزینی: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · طرح کلی 300, 400, 600 · فونت اصلی برای تمام متن رابط، ناوبری، عنوانها، متن بدنه، فهرستها و پاورقیها استفاده میشود. این فونت سنسسریف سفارشی، وضوح هندسی را با گرمای انسانی ترکیب میکند؛ طیف گسترده وزنهای آن (از 300 Whisper تا 600 Anchor) به فونت اجازه میدهد تا نفس بکشد - از تیترهای بزرگ گرفته تا یادداشتها.
- Raleway — جایگزینی: Montserrat or Jost · طرح کلی 400 · فقط در برخی از تیترها استفاده میشود که در آنها یک فونت sans-serif باریکتر و ظریفتر، کنتراست ایجاد میکند - به ندرت به عنوان نقطه مقابل فونت Robert پررنگتر استفاده میشود.
- system-ui — جایگزینی: Inter · طرح کلی 400 · میکروبرچسبهای رابط کاربری، متن بدنه بنر کوکی، فونت کوچک - گزینه پیشفرض مرورگر که خوانایی را در کوچکترین جزئیات بدون نیاز به فونت سفارشی تضمین میکند.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | متراکم |
| گام اساسی | 14px |
| شعاع دکمه | 75px |
| شعاع کارت | 0px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 46px |
| عرض صفحه | 1078px |
هوش مصنوعی وبسایت شما را به سبک monopo saigon میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Hyer Aviation — غروب در کابین خلبان بر فراز کاغذ پوستی. آسمان کمرنگ سپیده دم با لوگوی سریف به اندازه بدنه هواپیما تلاقی میکند و یک تکرنگ با رنگ رسی گرم، محدودیت تکرنگی را میشکند.
- OFF+BRAND. — کرهای رنگینکمانی روی پوست کاغذی گرم
- Seed — یک موجود زنده زیر شیشه آزمایشگاهی
- Eindhoven Design District — بروتالیسم تحریریه روی کاغذ سفید، یک مانیفست طراحی شهری است که با حروف بزرگ، با حداقل عکاسی و محدودیت مطلق اجرا میشود.
- Subframe — یک نقاشی گرافیکی روی کاغذ پوستی گرم. کاغذ طراحی، که هر ضربه آن یا گرافیت است یا پاککن، هرگز نقاشی نمیکند - عمق از طریق ضخامت خط و سریفهای پراکنده به دست میآید.
- Miranda — یک فونت عریض کلاسیک روی پسزمینه کرم روشن - سرمقاله یک روزنامه برای عصر دیجیتال
- Monocle — یک روزنامه عریض با کیفیت بالا روی کاغذ کرم رنگ. یک سرمقاله با دقت انتخاب شده، که در آن هر ستون جایگاه خود را دارد و فقط یک رنگ معنادار در صفحه ظاهر میشود.
- Agencja brandingowa — یک گالری سرمقاله با تُنهای سفید و تایپوگرافی انجام شده با جوهر مشکی
- Websmith Studio — نور صبح روی کاغذ کرم رنگ
- Aspelin Reitan — بایگانی معماری اثر Candlelight - این صفحه مانند مجموعهای از فضاهای ساخته شده به نظر میرسد که به دیواری به رنگ کرم گرم سنجاق شده است و یک خط متن سفید در بالای هر تصویر در تمام عرض صفحه شناور است.
- Public — یک سرمقاله تکرنگ روی مرمر سرد - تقریباً یک بوم تکرنگ، با یک فونت سریف ۳۰۰ و یک تکرنگ بنفش که تمام کار رنگآمیزی را انجام میدهد.
- Motto — یک تکسنگ تایپوگرافیک روی کاغذ - صدایی واحد و مطمئن که خود را بر روی کاغذی به سفیدی برف اعلام میکند