تلگرام، WhatsApp  +380637610482
والری دانیوک
والری دانیوکتوسعه‌دهندهتوسعه ابزارهای هوش مصنوعی برای کسب و کارها. با کیفیت بالا. مقرون به صرفه.پیام در تلگرام
Bpco — پیش‌نمایشی از یک سایت با این سبک

Bpco

یک مانیفست تایپوگرافیک ساخته شده از یک تخته بتنی. یک بسته مطبوعاتی سیاه و سفید که در آن فونت بزرگ Helvetica شبیه یک عکس است و تنها بافت آن یک ورق کاغذ مچاله شده در زیر فونت اصلی است.

بیگ‌پیکچر از یک سیستم ویرایش تک‌رنگ استفاده می‌کند که با صفحه وب مانند یک بسته چاپی که روی کاغذ خام چیده شده است، رفتار می‌کند. رابط کاربری کاملاً عاری از رنگ‌های کروماتیک است و صرفاً به جوهر مشکی، فضای سفید، خطوط نازک و بافت یکنواخت کاغذ مچاله شده برای ایجاد فضا متکی است. تایپوگرافی محصول نهایی است: سرتیترها با فونت Helvetica Neue 700 به 274 پیکسل می‌رسند و فاصله حروف در آنها منفی است و متن را به توده بصری غالب در هر صفحه تبدیل می‌کند. زیرنویس‌های تک‌فاصله ([01-N INTRODUCTION]، CREATIVE/AGENCY) به عنوان امضاهای سبک چاپی عمل می‌کنند و آیکون‌های براق چهارگوش به عنوان تنها تزئینات بین بخش‌ها عمل می‌کنند. طرح‌بندی سخاوتمندانه و یادآور خود-انتشاری است - فاصله 72 پیکسلی بین بخش‌ها، حاشیه‌های افقی 144-250 پیکسلی و بلوک‌های تصویر تمام‌عرض با گوشه‌های 288 پیکسلی به صفحه اجازه می‌دهد مانند یک دیوار گالری نفس بکشد تا یک قطعه نرم‌افزار.

حداکثر عرض حدود ۱۴۴۰ پیکسل است که در مرکز قرار گرفته و بسته به تراکم بخش، فاصله افقی ۴۰ تا ۱۴۴ پیکسل دارد. تصویر اصلی، تصویری تمام عرض با متن روی آن است. در زیر تصویر، محتوا بین بلوک‌های متنی مرکزگرا و تایپوگرافی لبه به لبه تغییر می‌کند. ۶۰٪ پایین صفحه، یک بیانیه طولانی و قابل پیمایش است که متن بزرگ، کل عرض صفحه نمایش را خط به خط پر می‌کند و توسط ردیف‌هایی از جداکننده‌های براق از هم جدا می‌شود. ناوبری، یک نوار شناور است که در مرکز بالای صفحه نمایش قرار دارد، نه یک پنل تمام عرض. پاورقی یک نوار تکی با حاشیه نازک است.

عکاسی بر صفحه اصلی غالب است - تصاویر بزرگ معماری و تبلیغات بیرونی (بیلبوردها، نمای ساختمان‌ها، تبلیغات سطح خیابان) در اندازه کامل و با گوشه‌های گرد ارائه می‌شوند. یک بافت کاغذ مچاله شده در قسمت‌های پایینی صفحه قرار گرفته است که حس لامسه ایجاد می‌کند و به رابط کاربری ظاهری شبیه به یک مجله چاپی می‌دهد. یک آیکون کره زمین کوچک که با خطوط ترسیم شده است، تنها عنصر گویا است. هیچ جلوه سه بعدی، هیچ گرادیان انتزاعی، هیچ ماکت محصول - تصاویر مستند، ماهیت صنعتی و بر اساس نمونه کارهای تبلیغات بیرونی آژانس هستند.

پالت

خنثی

  • Press Ink #121212 — متن بدنه، خطوط نازک، حاشیه‌های بخش‌ها، طرح کلی آیکون‌ها و متن پاورقی، همگی از یک رنگ تیره واحد استفاده می‌کنند که ۹۵٪ از کل اطلاعات پیش‌زمینه را در خود جای داده است.
  • Paper White #ffffff — بوم صفحه، سطوح مقوایی، پس‌زمینه نوار ناوبری، سطوحی با قاب عنوان.
  • Newsprint #f1f1f1 — سطح ظریف و پر، حاشیه‌های نرم، جداکننده‌های نازک، تُنی پنهان در پس بافت کاغذ مچاله شده.
  • Foil Gray #e1e1e1 — قاب‌های سبک، تزئینات به شکل طرح کلی آیکون‌ها، جداکننده‌های اضافی.
  • Mute Gray #c5c5c5 — متن ثانویه، وضعیت معلولیت، خطوط سطحی با کنتراست پایین

تایپوگرافی

از ۱۳ تا ۲۷۴ پیکسل · ۶ مرحله

  • Helvetica Neue — جایگزینی: Inter · طرح کلی 400, 500, 700 · یک ابزار جهانی - متن بدنه با اندازه ۱۷ پیکسل/۱.۲۹ پیکسل، نمایش عنوان‌ها با اندازه ۷۵ تا ۲۷۴ پیکسل با فاصله حروف -۰.۰۴em در بزرگترین اندازه‌ها، برچسب‌های ناوبری با اندازه ۱۵ پیکسل
  • PPSupplyMono — جایگزینی: JetBrains Mono · طرح کلی 400 · تگ‌های متا و برچسب‌های داخل پرانتز مانند [مقدمه 01-N] و همچنین تگ‌های بخش (تبلیغات، خلاقیت/آژانس، بازاریابی آفلاین) تنها لهجه‌های تایپوگرافی هستند که یکنواختی Helvetica را از بین می‌برند.
  • PPSupplySans — جایگزینی: Inter · طرح کلی 400 · ناوبری ثانویه و میکروکپی در پاورقی که در آن به فونت sans-serif متفاوتی نیاز است.

فواصل و فرم

هدفمعنی
تراکممیانگین
گام اساسی50px
شعاع دکمه8px
شعاع کارت20px
سایه‌هابدون حاشیه به جای سایه
بین بخش‌ها72px
عرض صفحه1440px

هوش مصنوعی وب‌سایت شما را به سبک Bpco می‌سازد و آن را پر می‌کند

  • از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پست‌ها را پر کنید.
  • محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
  • طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینه‌سازی سئو از پیش آماده.
  • بهینه‌سازی سئو کاملاً خودکار برای نتایج جستجو و توصیه‌های شبکه عصبی.

سبک‌های مشابه

  • Steep — تحلیل فونت‌های سریف روی کاغذ گرم
  • Newformcap — روزنامه سرمقاله در رختکن
  • Claude — اثری چاپ‌شده روی پوست گرم - جوهر روی کاغذ استخوانی، خاک رس به عنوان تنها نفس رنگ
  • 11x– Digital workers — یک برهوت سینمایی - عکس‌های پانوراما از مناظر در برابر تیترهای ماندگار با حروف سریف که مانند صفحات یک مجله لوکس خوانده می‌شوند
  • Revolut — یک اثر ویرایشی تک‌رنگ بر اساس عکسی از ابرها - جوهر سفید، دکمه‌های جعبه قرص، یک نوار رنگی آبی در دنیایی که در غیر این صورت خاکستری بود.
  • Scheduling — جوهر تحریریه روی کاغذ کرم رنگ
  • Titan — آرشیو تک رنگ با تُن گرم
  • Programa — یک استودیوی طراحی سوئیسی در ظهر. دیوار گالری سفید توسط یک چراغ رومیزی زرد روشن شده است - همه چیز در سایه‌های خاکستری است تا زمانی که یک دکمه، نماد یا عنصر تزئینی توجه را جلب کند، و سپس آن عنصر زرد رنگ، کل اتاق را تعریف می‌کند.
  • Sana Agents — درخشش لیمو روی زمینه سفید در سرمقاله
  • Visual — سامیزدات سرمقاله‌ای گرم. کاغذ کرم، پوسترهای سریف، حاشیه‌نویسی تک‌رنگ، یک ماژیک زرد.
  • Midday — بروشور تحریریه روی پوست گوساله - تیتر ۷۲ پیکسلی سریف روی پس‌زمینه سنگی گرم، متن بدنه بدون سریف با فاصله، کنترل‌های قرصی شکل، بدون سایه
  • Chat for impact — یک کلینیک سبز جنگلی با اتاق‌هایی به رنگ پاستلی