Ventriloc
رصدخانهای از دادهها روی کاغذ گرم - یک اخگر نارنجی که دقت تکرنگ را برجسته میکند
Ventriloc با لحنی آرام و ویراستارانه صحبت میکند: یک بوم سفید گرم و واضح، کارتهای داده با دقت بالا و تکفاصله، و یک زغالی نارنجی که مانند یک ماژیک هایلایتر روی یک گزارش چاپی، تکرنگ را نقطهگذاری میکند. این سیستم، یک فونت نئو-گروتسک سفارشی (PolySans) را با وزن ۴۰۰ نقطهای برای عنوانها - یک محدودیت غیرمعمول که اقتدار را از طریق حجم فدای اقتدار از طریق دقت میکند - با Inter برای متن بدنه و عناصر رابط ترکیب میکند. سطوح به جای آبی سرد و فنی، خاکستری و کرم گرم هستند، کارتها دارای گرد شدن نامتقارن گوشهها هستند (گوشه بالا سمت راست تیز، در جاهای دیگر ملایم)، و عناصر تعاملی به دو گویش متمایز تقسیم میشوند: دکمههای سبک متن با زاویه تیز و محفظههای ناوبری قرصی شکل. رنگها به مقدار کم استفاده میشوند: صفحات باید ۹۵٪ مواقع به سبک بیرنگ طراحی شوند و نارنجی فقط به عنوان نقطهگذاری کاربردی برای برجستهسازی، زیرخطدار کردن لینکها و تزئینات تزئینی دادهها استفاده میشود.
حداکثر عرض این کانتینر ۱۲۰۰ پیکسل است که در مرکز قرار گرفته و بین بخشها، ناودانهای ۸۰ پیکسلی وجود دارد. عنصر اصلی به دو ستون تقسیم شده است: در سمت چپ، عنوان، زیرمتن و مجموعهای از دو دکمه فراخوان قرار دارد؛ در سمت راست، گروهی از سه کارت داده همپوشانی (یک نمودار مالی، آمار درآمد، یک حلقه سودآوری) روی یک بوم سفید شناور است. در زیر عنصر اصلی، یک نوار لوگوی تمام عرض شریک روی یک پسزمینه سفید قرار دارد. بخشهای بعدی به طور متناوب بین نوارهای خاکستری (#efefef) و سفید قرار دارند. ناوبری یک کانتینر قرصی شکل شناور است که در مرکز هدر قرار دارد و لوگوی برند در سمت چپ و یک دکمه تیره "تماس با ما" در سمت راست قرار دارد. ریتم کلی، جادار و سرمقالهای است - حاشیههای پهن، بخشهای بلند و کارتهای داده، تنها نقطهگذاری بصری را علاوه بر تایپوگرافی ارائه میدهند.
طراحی بصری تقریباً کاملاً مبتنی بر داده است: ویجتهای نمودار (نمودارهای خطی، نوارهای پیشرفت دایرهای، کارتهای آمار) به سبکی مسطح و مینیمالیستی با خطوط نازک نارنجی و برنجی روی سطوح مقوایی سفید طراحی شدهاند. هیچ عکس سبک زندگی، هیچ تصویر استوک، هیچ تصویرسازی در صفحه اصلی وجود ندارد. تنها محتوای تصویری، لوگوهای شریک/مشتری است که با گرافیت تک رنگ ارائه شده است. زبان بصری بیشتر به یک گزارش سالانه چاپ شده نزدیک است تا یک وبسایت SaaS معمولی - نمودارها تصاویر هستند. آیکونها نازک، تکخطی و به رنگ گرافیتی هستند و به ندرت در نوار ناوبری و سربرگ کارتها ظاهر میشوند.
پالت
برند
- Ember Orange
#ff682c— نارنجی برای برجسته کردن لینکها، برچسبها و عبارات کوتاه استفاده میشود. نباید به عنوان رنگ اصلی برای دکمههای فراخوان عمل (Call to action) استفاده شود.
خنثی
- Graphite
#202020— متن اصلی، عنوانها، لینکهای ناوبری، طرح کلی آیکونها - اینها اساس تایپوگرافی هر عنصر رابط کاربری هستند. - Canvas White
#ffffff— پسزمینه صفحه، ارتفاع کارت، پر کردن آیکون—روشنترین سطح در سیستم. - Ash
#efefef— پسزمینه اصلی کارت و بخش، یعنی محفظه نوار ناوبری، یک سطح خاکستری عمدتاً گرم است. - Fog
#f5f5f5— یک تُن پسزمینهی ظریف برای سطوح تودرتو و ظروف ثانویه. - Ivory
#ebe6dd— پسزمینه گرم و تاکیدی برای بلوکهای اصلی - حس کاغذی. - Steel
#4d4d4d— متن اصلی ثانویه، متن پاراگراف طولانی
تایپوگرافی
از ۱۴ تا ۶۶ پیکسل · ۵ مرحله
- PolySans — جایگزینی: Inter Tight or Space Grotesk at weight 400 · طرح کلی 400 · تیترها و متن تزئینی - یک فونت نئو-گروتسک با طراحی سفارشی، که منحصراً با وزن ۴۰۰ و فاصله حروف -۰.۰۲em استفاده میشود، یک اقتدار ویراستاری ظریف ایجاد میکند که هیچ تیتر جسورانهای نمیتواند آن را تکرار کند.
- Inter — جایگزینی: system-ui or Roboto · طرح کلی 400, 500, 600 · متن بدنه، برچسبهای عناصر رابط کاربری، متن دکمه، عنوانها، فراداده - یک فونت sans-serif جهانی برای هر چیزی که عنوان نیست.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | میانگین |
| گام اساسی | 20px |
| شعاع دکمه | 0px |
| شعاع کارت | 8px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 80px |
| عرض صفحه | 1200px |
هوش مصنوعی وبسایت شما را به سبک Ventriloc میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Ui — طرح بالینی روی کاغذ مات
- Geniestudio — یک دفترچه یادداشت نرم در نور روز - از آن نوعهایی که حاشیههای پهن و یک ضربه قلم ضخیم دارند
- xAI — آزمایشگاه کرم گرم با قرص سیاه
- Cal — کاربردی بودن تک رنگ، یک رویکرد انسانی. سیستمی که وضوح و عملکرد را از طریق یک پالت سیاه و سفید دقیق در اولویت قرار میدهد، اما آن را با تایپوگرافی دوستانه و اشکال گرد ملایم میکند.
- Scale — یک آزمایشگاه عکس با کیفیت بالا در حد موزه، همراه با یک پروژه فنی
- Contractbook — قراردادهایی از کاغذ کرم رنگ زیر آسمان آبی آسمانی
- AutoSend — یک استودیوی سنگی دنج با یک نور بنفش واحد - جایی که تیترهای سریف و فراخوانهای نیلی روشن برای اقدام در یک فضای آرام و تقریباً سفید همزیستی میکنند.
- Air — مجسمه "آسمان نیمه شب از میان شیشه"
- SpatialChat — نبض بنفش روی کاغذ سفید
- Squarespace — گالری تک رنگ سینمایی
- Giga — افق نیمهشب بر فراز ابسیدین یخزده
- Supabase — یک ویرایشگر کد در نیمهشب با یک نقطه سبز فسفری—یک پالس کروماتیک واحد روی دریایی از غبار زغالسنگ