Slash
گاوصندوق نیمهشب با دفاتر کل طلاکاری شده
اسلش در حالت گالری نیمهشب عمل میکند: یک بوم تقریباً سیاه، تایپ سفید و یک تکتک لهجههای مسی گرم که به عنوان نقطهگذاری عمل میکند. تیترها با فونت Ivy Presto نمایش داده میشوند، یک فونت didone serif با کنتراست بالا که در اندازههای بسیار بزرگ (تا ۸۸ پیکسل) استفاده میشود - این تضاد فونتهای serif و sans-serif امضای این سیستم است و به آن وقار مالی بدون وقار کارگزاری بانکداری سنتی میبخشد. بقیه رابط کاربری عمداً ساده است: حاشیههای نازک، کنترلهای قرصی شکل، متن فشرده ۱۶ پیکسلی و یک حرکت رو به بالای ظریف برای اینکه به تایپ اجازه نفس کشیدن بدهد. یک گرادیان طلایی واحد (خط نمودار، ریز لهجهها) به سیستم تکرنگ گرما میبخشد و درخشش گرم یک ترمینال بلومبرگ را که برای مخاطبان طراحی ساخته شده است، تداعی میکند.
محتوا با عرض ۱۲۱۶ پیکسل، در مرکز قرار گرفته و دارای ناودانهای عمودی ۱۶۰ پیکسلی است. صفحه اصلی یک بوم تیره و تمامعرض با ترکیبی تقسیمشده است: یک سربرگ serif چپچین (با عرض ۶۴ تا ۸۸ پیکسل) با فیلد آدرس ایمیل در زیر آن، و یک کارت رابط کاربری محصول بزرگ (تصویر داشبورد) در سمت راست با عرض ۵۰٪. بخشهای بعدی از یک سربرگ تکستونه و وسطچین (با عرض ۴۴ تا ۶۴ پیکسل) با زیرعنوان Inter استفاده میکنند و پس از آن شبکههای سهستونی از کارتها برای توضیحات ویژگیها/نظرات/وبلاگها قرار دارند. ناوبری یک نوار بالای ثابت است: لوگو در سمت چپ، منوی مرکزی (شرکت، محصولات، راهحلها، مشتریان، قیمتگذاری، سوالات متداول)، ورود به سیستم راستچین (نامحسوس) و شروع به کار (عنصر سفید رنگ). پاورقی دارای یک شبکه متراکم پنج ستونی از لینکها با اطلاعات شرکت و اطلاعیههای قانونی است. این صفحه بین بخشهای شبکهای غنی از محتوا و آمار تمام صفحه در نوسان است - ریتم آن به جای رنگهای پسزمینه متناوب، توسط فضای سفید فراوان بین ستونها ایجاد میشود (کل صفحه به عنوان یک بوم واحد و یکپارچه ارائه میشود).
عکاسی، تحریریه و طبیعتگرایانه است: پرترههای گرم از بنیانگذاران و اعضای تیم در محیطهای کاری واقعیشان (دفاتر کار، اتاقهای نشیمن، سایتهای ساختمانی). تصاویر، قابهای کارت را از لبه تا لبه، بدون هیچ حاشیهای، پر میکنند. در پایین کارتهای توصیفات، از یک گرادیان تیره برای افزایش خوانایی متن استفاده شده است. زیباییشناسی - "لینکدین با مجله تحریریه ملاقات میکند" - غیررسمی، انسانی و کمی بیصدا است و هرگز با عکسهای آرشیوی صیقل داده نشده است. تصاویر کوچک مقاله، عکسها را با مفاهیم مصور (شخصی ایستاده در یک هزارتو، شومینهای با کیسههای پول) ترکیب میکنند. رابط کاربری محصول در حالت تاریک با شفافیت کامل نمایش داده میشود و در بالای صفحه روی سطوح تیره ظریف - یک عنصر مرکزی - معلق است. آیکونها تک رنگ با استروک ۱ پیکسلی با #۲e۳۰۳۸ یا #۷۷۷a۸۸ هستند و هرگز با رنگ برند پر نشدهاند.
پالت
خنثی
- Bone
#e2e3e9— اندازه فونت بزرگ برای متن اصلی، برچسبهای دقیق دادهها و لحن متن استاندارد در اکثر عناصر رابط کاربری. - Obsidian
#08080a— بوم صفحه، پسزمینه پاورقی، و تیرهترین سطح تقریباً سیاه با ته رنگ آبی ملایم است. - Onyx
#040406— سطح کارت، یعنی پسزمینه اضافی، برای جلوه بصری یک پله عمیقتر از صفحه است. - Carbon
#121317— پنلهای برآمده، رابط کاربری نامحسوس - اولین گام به طور قابل توجهی سبکتر در تکامل سرفیس استک - Graphite
#1c1d22— حاشیهها، جداکنندهها، محفظههای آیکون، اسلایدرهای کنترل - ظریفترین سایه رنگی که ساختار را تعریف میکند. - Slate
#2e3038— حاشیههای اضافی، خطوط آیکون بیصدا، جداکنندههای ظریف بین بلوکهای محتوا.
تایپوگرافی
از ۱۳ تا ۸۸ پیکسل · ۹ مرحله
- Ivy Presto — جایگزینی: Playfair Display · طرح کلی 400, 500 · یک فونت سریف برای عنوانها و زیرعنوانها - که منحصراً برای عنوانها و عناوین بخشها با اندازه ۲۸ پیکسل و بالاتر استفاده میشود. خطوط دیدونه با کنتراست بالا به همراه سریفهای نازک، حس تجمل سرمقالهای ایجاد میکنند؛ فاصله مثبت کوچک حروف ۰.۰۱em غیرمعمول است و به فونت ظاهری چاپی و حسابداری مانند میدهد. این فونت سریف، کارت ویزیت اصلی این برند است - این فونت Slash را از سایر شرکتهای فناوری مالی SaaS که به طور پیشفرض از فونتهای هندسی بدون سریف استفاده میکنند، متمایز میکند.
- Inter — جایگزینی: Inter (self-hosted via Google Fonts) · طرح کلی 300, 400, 500, 600, 700 · فونت UI Sans—متن اصلی، ناوبری، دکمهها، برچسبها، لینکها، فیلدهای فرم و زیرعنوانها. متن اصلی از فونت ۳۰۰ برای متن ثانویهی نامحسوس استفاده میکند؛ ۵۰۰ برای متن با تأکید متوسط و برچسبهای دکمه استفاده میشود؛ ۶۰۰ برای برچسبهای دستهبندی که با حروف بزرگ کوچک نوشته شدهاند، رزرو شده است. فاصلهی منفی حروف از ۲ (-۳) کاهش مییابد و با کاهش اندازه، کاهش مییابد، که نمونهای از مقیاسبندی نوری فونت Inter است.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | جادار |
| گام اساسی | 8px |
| شعاع دکمه | 9999px |
| شعاع کارت | 10px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 160px |
| عرض صفحه | 1216px |
هوش مصنوعی وبسایت شما را به سبک Slash میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Modal — یک ترمینال فسفرسنت در یک اتاق سرور تاریک - تنها منبع نور، رنگ سبز روشن است
- AgentQL — شفق قطبی بر فراز ترمینال در شب
- GitHub — یک پنل فرماندهی فضایی با نقاط کنترل زیستتابی - یک فضای کاری تاریک و اتمسفریک که در آن یک درخشش سبز، مسیر پیش رو را نشان میدهد.
- Doppler — نورپردازی بنفش خزانه در نیمهشب. بوم تقریباً سیاه با یک سیگنال بنفش کمرنگ و یک نور تأیید سبز میدرخشد، هر سطح به اندازه کافی خمیده است که بتوان آن را گرفت.
- Basedash — یک ترمینال داده نیمهشب با فونت مات. یک رصدخانه تاریک که در آن معیارها به رنگ بنفش و سبز میدرخشند، تیترهای سریف بالای نویز شناورند و دکمههای قرصی شکل سفید تنها اشیاء روشن در اتاقی با سطوح سیاه ملایم هستند.
- Superwhisper — شفقهای قطبی بر فراز شیشهی نیمهشب محو میشوند
- Better Stack — کنسول نیمهشب SRE
- Langbase — کنسول شفق قطبی نیمهشب
- Astro — مرکز کنترل ماموریت اعماق فضا با یک تابش بنفش از یک سحابی
- Wayfinder — یک صفحه نمایش فیلم سیاه با عنوانی که به سختی شنیده میشود و بالای یک تصویر زنده معلق است. رابط کاربری به جای یک پنل کنترل، یک اسلایدر روشنایی است.
- HashiCorp — اتاق کنترل در نیمهشب با نئون بنفش، یک سطح فنی تیره است که در آن یک مکعب ششضلعی درخشان به عنوان تنها مرجع رنگی عمل میکند.
- Umbrel — یک آتشدان دنج در اتاق سرور شبانه - اتاق تاریکی که در آن یک درخشش هلویی رنگ، نکات واقعاً مهم را برجسته میکند.