Vivid+Co
نور منشوری از میان ابسیدین
Vivid+Co در فضایی سینمایی و تاریک فعالیت میکند: یک بوم تقریباً سیاه با رنگهای #101010–#495764 که با یک رنگ تقریباً سفید (#fffdf9) که تقریباً برای همه فونتها و عناصر رابط کاربری استفاده میشود، قطع شده است. تایپوگرافی عمدتاً در سبک Neue Montreal با وزن ۴۰۰ ارائه میشود - رد عمدی حروف برجسته، که در آن اقتدار از طریق مقیاس (۱۳۶ پیکسل و ۱۰۵ پیکسل) به جای وزن به دست میآید. یک تکنیک امضا، منشور رنگی است: بلوکهایی از نور قرمز/سبز/آبی اشباع شده، که با RGB از هم جدا شدهاند، از طریق مکعبهای شیشهای فیلتر میشوند و سطح تک رنگ را مختل میکنند. طرحبندی متمرکز و جادار است. ناوبری، متن بدنه و لینکها همه با یک رنگ #fffdf9 هستند، بدون دکمههای تأکیدی، پر کردنها یا سایههای جداگانه - تمایز از طریق فاصلهگذاری، مقیاس و یک اثر رنگینکمانی که به عنوان تنها رنگ تأکیدی برند عمل میکند، حاصل میشود.
یک بوم تیره و تمام عرض با یک ستون محتوا با حداکثر اندازه تقریبی ۱۴۴۰ پیکسل. عنصر اصلی یک مصنوع منشوری مرکزی با یک عنوان همپوشانی (متن متقاطع مکعبها) و یک زیرنویس چپچین است. ناوبری در یک نوار بالای نازک قرار دارد: لوگو در سمت چپ، چهار پیوند نامرئی در سمت راست و یک دکمه اختصاصی "تماس" در انتهای ردیف. ریتم بخش بین پنلهای قهرمان تمامقد و نوارهای محتوای باریکتر با فاصلههای تقریبی ۱۰۸ پیکسلی متناوب است. طرحبندی محتوا نامتقارن است: مصنوع منشوری به عنوان مرکز بصری عمل میکند و عناوین در اطراف آن قرار میگیرند. بلوکهای متنی تکستونی حداکثر عرض تقریبی ۴۴۰ پیکسل دارند. شبکههای چندستونی، ماتریسهای کارت و جداول قیمتگذاری وجود ندارند. پاورقی یک نوار نازک است که با یک خط نازک تقسیم شده و دارای دو ستون ابرداده است.
عنصر اصلی طراحی، یک تصویر سهبعدی انتزاعی از مکعبهای شیشهای با انحراف رنگی در لبهها است که با رنگ RGB از هم جدا شدهاند. هیچ عکسی، هیچ تصویری از افراد، هیچ تصویری از محصول وجود ندارد. منشور، تصویر برند است؛ هر چیز دیگری تایپوگرافی تکرنگ روی یک بوم تیره است. آیکونوگرافی مینیمال است: برچسبهای ناوبری ظریف و یک علامت/نشانه کوچک (ناحیه ۱۴۲۷۶۵) در انتهای یکی از سرتیترها، به یک آیکون تکخطی ۱۶ پیکسلی اشاره دارد. هیچ تصویر، هیچ الگوی تزئینی، هیچ بافتی وجود ندارد.
پالت
خنثی
- Bone White
#fffdf9— متن اصلی، برچسبهای ناوبری، رنگ لینکها و رنگآمیزی عنوانها، همگی تقریباً سفید هستند و تمام سطوح تایپوگرافیک روی یک بوم تیره را اشغال میکنند. - Obsidian
#101010— بوم صفحه، که پسزمینه نوارهای اصلی و جداکننده را پر میکند، به رنگ مشکی تیره است و یک اثر منشوری در داخل آن قرار دارد. - Graphite Veil
#495764— پشت سرتیترها و بلوکهای محتوا، یک رنگ سرد و تیره غالب است که بدون استفاده از رنگ مشکی مات، به بوم عمق میبخشد. - Ash Border
#403f3f— یک خط جداکننده ظریف و طرح کلی کارت با اندازه ۱ پیکسل برای جدا کردن خطوط بدون تداخل با متن استفاده شده است. - Fog Blue
#6f879c— متن ثانویهی ملایم و برچسبهای دکمهای نامحسوس (با کنتراست ۳.۷:۱) - عنوانهای دستهبندی خدمات مانند «استراتژی»، «خلاقانه»، «ارتباطات + بازاریابی» به عنوان فرادادههای بدون هایلایت تلقی میشوند. - Pure Black
#000000— پرکننده تزئینی برای آیکونها و تصاویر SVG - در تصویر منشور و گلیفهای آیکون استفاده میشود؛ نه به عنوان پسزمینه.
تایپوگرافی
از ۱۵ تا ۱۳۶ پیکسل · ۹ مرحله
- Neue Montreal — جایگزینی: Söhne · طرح کلی 400, 700 · این فونت اختصاصی در سراسر رابط کاربری - عنوانها، متن بدنه، ناوبری، دکمهها، پیوندها و پاورقی - استفاده میشود. وزن ۴۰۰ پیشفرض است؛ وزن ۷۰۰ فقط برای زیرعنوانها رزرو شده است. عنوانهایی با وزن ۱۰۵ پیکسل و ۱۳۶ پیکسل دارای فاصله خطوط ۱.۰۰ تا ۱.۰۱em و فاصله حروف -۰.۰۲em هستند که باعث ایجاد عناوین سینمایی و انباشتهای میشوند که بیشتر حس مجسمهسازی دارند تا تایپوگرافی.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | جادار |
| گام اساسی | 7px |
| شعاع دکمه | 0px |
| شعاع کارت | 15px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 108px |
| عرض صفحه | 1440px |
هوش مصنوعی وبسایت شما را به سبک Vivid+Co میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Sequel — یک اکران خصوصی بعد از تاریکی هوا، تنها نور گرم در سینمایی است که در غیر این صورت تاریک است.
- ThoughtLab — یک بنای یادبود از جنس ابسیدین با علامتی سرخ. بوم نقاشی از پوچی سیاه، که در آن تنها شیء قرمز اشباعشده در کلیسای جامع، که با حروف بزرگ سفید چاپ شده است، یک شکل رنگی واحد است.
- Dovetail — طرحی زیر نور ماه سیاه - خطوط نمودار به سختی قابل مشاهده، فونت سفید، یک درخشش بنفش
- MekaVerse — یک گالری تکرنگ از مصنوعات دیجیتال - یک فضای خالی سیاه و جامد که در آن دنیای رندر شده مانند یک نمایشگاه موزه آویزان است و کل رابط کاربری جوهر سفید روی شیشه مشکی مات است.
- Krea — گالری نوآر در نیمه شب
- Factory — ترمینال «اتاق جنگ» در نیمهشب. «کارخانه» یک صفحه کنترل کاملاً سیاه است که یک کارت سفید مانند یک اعلان روشن با چراغ قوه روی آن قرار میگیرد - تنها شیء موجود در اتاق، خودِ کار است.
- basement — یک چاپخانه خالی در ساعت ۳ صبح - فونتهای بزرگ و فشردهای که در سراسر سیاهی مطلق پخش شدهاند، یک سوسوی نور نارنجی در نوار ناوبری، و هر چیز دیگری سفید یا خاکستری شبحوار.
- Stink Studios — یک استودیوی فیلمسازی در نیمهشب - پروژکتور وزوز میکند، اتاق تاریک است، فقط فیلم روشن است
- Apple (España) — تئاتر سیاه با لوازم روشنایی
- Charlie — تایپوگرافی حک شده از سنگ صومعه بر روی ابسیدین. نمونه کاری که در آن یک دیوار قرمز سکوت کر کننده ای ایجاد می کند.
- Rive — دید در شب با دقت بالا. رابط کاربری دارای لنز ویژهای است که در تاریکی نفوذ میکند تا با وضوح مطلق بر جزئیات فنی تمرکز کند.
- Datalands — کلیسای جامعی سیاه با یک پالس نئون. لوگو تمام فضای کلیسا را پر کرده است؛ بقیهی چیزها فقط نوشتهای است که به سختی در زیر آن شنیده میشود.