Mercury
کرانههای آلپ در غروب
مرکوری در چارچوب زیباییشناسی بانکداری آلپاین عمل میکند: یک بوم تقریباً سیاه (#171721) فضایی سینمایی و رصدخانهمانند ایجاد میکند، جایی که سطوح محتوا مانند کارتهای گرافیتی کمی روشنتر شناور هستند. رابط کاربری عمدتاً تکرنگ است - متن عاجی روی عقیق، با یک عنصر کبالت پر جنب و جوش (#5266eb) که منحصراً برای عملیات اصلی "افتتاح حساب" استفاده میشود. تایپوگرافی بیانگری اصلی را به همراه دارد: یک فونت نمایشی سفارشی ۴۸۰ (نه پررنگ و نه روشن) که با یک فونت بدنه ظریف ۴۰۰ جفت شده است، سبکی مطمئن اما نه زننده ایجاد میکند. اجزا مسطح و بدون قاب هستند و به جای سایهها، برای تعریف ساختار به شعاع کارت گرافیتی ۱۲ پیکسلی و کنترلهای کپسولی شکل متکی هستند. عنصر اصلی عکس، که تمام سطح صفحه را اشغال میکند - کوههای مهآلود در مقابل یک میز تنها - قبل از شروع رابط کاربری، لحن را تعیین میکند و هر عنصر بعدی آن تاریکی آرام و ممتاز را حفظ میکند.
تمام محتوا به سبکی تیره و تمامعرض طراحی شده است. صفحه اصلی یک عکس تمامعرض ۱۰۰ پیکسلی با تیتر، زیرمتن در مرکز و یک بلوک فرم برای جمعآوری اطلاعات تماس ایمیل (حداکثر عرض ~۶۴۰ پیکسل) است. در زیر صفحه اصلی، محتوا در بخشهایی با حداکثر عرض ۱۲۰۰ پیکسل با حاشیههای عمودی ۷۲ پیکسل سازماندهی شده است که بین یک طرح دو ستونی متن در سمت چپ و یک تصویر در سمت راست و کارتهای توضیحات محصول سه ستونی متناوب است. ناوبری یک نوار بالایی شفاف است که روی صفحه اصلی پوشانده شده است، که با پیمایش، به یک فضای تیره و محکم شبیه شیشه مات (تاری پسزمینه) منتقل میشود. پاورقی تیره با متن یادداشت است. ریتم عمودی سخاوتمندانه است - تراکم جادار با فضای کافی بین بخشها. هیچ ناوبری جانبی وجود ندارد. تمام ناوبری در نوار بالا قرار دارد.
بخش اصلی تحت سلطه عکسهای سینمایی تمامصفحه - مناظر الهامبخش و اتمسفریک (کوههای مهآلود، فضاهای کاری خلوت در طبیعت) - است که بانکداری را به عنوان یک تجربه تأملبرانگیز و والا قرار میدهد. عکسها با کیفیت بالا، کمی اشباعشده، با تُنهای سرد و یک پوشش تیره ظریف برای حفظ خوانایی متن هستند. در زیر بخش اصلی، تصاویر با اسکرینشاتهایی از رابط کاربری محصول و پسزمینههای انتزاعی و اتمسفریک به طور متناوب قرار میگیرند. هیچ تصویرسازی، هیچ آیکونی شبیه آثار هنری وجود ندارد - عناصر بصری یا عکاسی هستند یا صرفاً کاربردی. سبک آیکون در سراسر رابط کاربری، یک سبک مینیمالیستی و به رنگ عاجی است که در ناوبری، دکمهها و عناصر فرم استفاده میشود.
پالت
برند
- Cobalt
#5266eb— رنگ بنفش برای دکمههای توپر، حالتهای ناوبری انتخابشده و لحظات تبدیل متمرکز استفاده میشود.
خنثی
- Onyx Canvas
#171721— پسزمینه صفحه اصلی، پوشش اولیه برای صفحه اصلی، بومها برای پاورقی و بخشها. - Graphite Card
#1e1e2a— سطوح برجسته مقوا و بخشها یک درجه روشنتر از بوم هستند و جدایی نرمی ایجاد میکنند. - Obsidian Button
#272735— دکمههای اضافی برای پر کردن، پسزمینههای فرم جاسازیشده، سطوح تعاملی ساده. - Slate Border
#70707d— جداکنندههای با ضخامت متوسط و مرزهای ساختاری بین بلوکهای محتوا. - Mist Border
#e2e3ed— حاشیههای نازک و به سختی قابل توجه، طرح کلی دکمهها به سختی قابل توجه، لبههای فیلد ورودی - یک حاشیه روشن روی پسزمینه تیره. - Ash Text
#c3c3cc— متن اصلی، متن کمکی، برچسبهای اضافی - سلسله مراتب ساده شده بدون از دست دادن خوانایی.
تایپوگرافی
از ۱۲ تا ۶۵ پیکسل · ۹ مرحله
- arcadia — جایگزینی: Inter · طرح کلی 360, 400, 420, 480 · رابط کاربری و اصلی - فونتی برای ناوبری، متن بدنه، دکمهها، فیلدهای ورودی، برچسبها و متن کمکی، با وزن ۴۰۰ برای متن بدنه و ۴۸۰ برای تأکید. مقیاس وزنی متوسط (۳۶۰، ۴۲۰، ۴۸۰) به جای مقیاس استاندارد (۳۰۰/۴۰۰/۶۰۰) به متن مرکوری ظاهری کاملاً متعادل میدهد - هرگز پررنگ، هرگز نازک، همیشه اندازه.
- arcadiaDisplay — جایگزینی: Söhne Breit · طرح کلی 360, 480, 530 · فونت مربوط به سرتیترها و عناصر تزئینی با ضخامت ۴۸۰ برای تمام اندازههای سرتیتر از ۲۸ پیکسل تا ۶۵ پیکسل استفاده میشود، در حالی که ۵۳۰ برای بزرگترین عناصر تزئینی در نظر گرفته شده است. ارتفاع خط کم (۱.۱-۱.۲) و فاصله مثبت بین حروف (۰.۰۱-۰.۰۲em) به متن تزئینی ظاهری عریض و معماریگونه میدهد، برخلاف ساختار فشردهای که در متن سرمقاله دیده میشود.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | میانگین |
| گام اساسی | 12px |
| شعاع دکمه | 32px |
| شعاع کارت | 12px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 72px |
| عرض صفحه | 1200px |
هوش مصنوعی وبسایت شما را به سبک Mercury میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Origin Financial — یک گالری نیمهشب از تجمل آرام. اتاقی آرام و تقریباً تاریک که در آن فونتهای بزرگ سریف و چند پنل رنگی روشن، این حس را ایجاد میکنند که امور مالی یک اثر هنری با دقت انتخاب شده است.
- Air — مجسمه "آسمان نیمه شب از میان شیشه"
- Slash — گاوصندوق نیمهشب با دفاتر کل طلاکاری شده
- dope.security — ترمینال نیمهشب با چراغهای بنفش
- Modal — یک ترمینال فسفرسنت در یک اتاق سرور تاریک - تنها منبع نور، رنگ سبز روشن است
- Giga — افق نیمهشب بر فراز ابسیدین یخزده
- Dovetail — مرکز کنترل طرح در نیمه شب
- Dovetail — طرحی زیر نور ماه سیاه - خطوط نمودار به سختی قابل مشاهده، فونت سفید، یک درخشش بنفش
- AgentQL — شفق قطبی بر فراز ترمینال در شب
- Supabase — یک ویرایشگر کد در نیمهشب با یک نقطه سبز فسفری—یک پالس کروماتیک واحد روی دریایی از غبار زغالسنگ
- Changelog — کنسول رصدخانه پشت شیشه تیره
- GitHub — یک پنل فرماندهی فضایی با نقاط کنترل زیستتابی - یک فضای کاری تاریک و اتمسفریک که در آن یک درخشش سبز، مسیر پیش رو را نشان میدهد.