ThoughtLab
یک بنای یادبود از جنس ابسیدین با علامتی سرخ. بوم نقاشی از پوچی سیاه، که در آن تنها شیء قرمز اشباعشده در کلیسای جامع، که با حروف بزرگ سفید چاپ شده است، یک شکل رنگی واحد است.
ThoughtLab مانند زبان طراحی کلیسای جامع سیاه عمل میکند: یک بوم سیاه خالی، یک پالس قرمز واحد، و تایپوگرافی آنقدر بزرگ که به عنوان معماری عمل میکند. این سیستم تقریباً کاملاً بیرنگ است - #cccccc نشاندهنده بدنه و #ffffff نشاندهنده نمایش است - و #fc1c46 فقط برای یک عمل اصلی واحد، به عنوان یک موج کنترلشده از تنش در برابر پسزمینهای از پوچی، ظاهر میشود. سلسله مراتب از طریق جهشهای مقیاس تیز (198px → 14px) ساخته میشود، نه از طریق رنگ، سایهها یا پر کردنها. اجزا بیوزن هستند: کارتهای شفاف، دکمههای قرصی شکل، فیلدهای ورودی نازک، عدم وجود انباشتگی بالا - صفحه از طریق فضای منفی و حروف بزرگ متراکم، به جای ظروف، نفس میکشد.
یک بوم تیره تمام عرض صفحه را پوشانده است، با حاشیههای افقی پهن (۱۲۶ پیکسل در هر طرف، که ستون محتوا را تقریباً به ۱۴۰۰ پیکسل میرساند). هدر یک خط ۷۲ پیکسلی است: لوگو در سمت چپ، شعار در مرکز، دکمه فراخوان به عمل قرصی شکل و نوار همبرگر در سمت راست. قهرمان یک ترکیب تقسیم شده است - یک تیتر بزرگ ۱۹۸ پیکسلی با حروف بزرگ در سمت چپ با متن بدنه پشتیبان ۱۸ پیکسل در زیر، در حالی که یک کره سهبعدی متن سمت راست مرکز را پوشانده و تا حدی آن را "میخورد". در زیر قهرمان، بخشها با ریتم عمودی جادار با فاصلههای ۸۶ تا ۱۰۸ پیکسلی بین آنها مرتب شدهاند. عناصر کار به صورت یک لیست نمایش داده میشوند و تقریباً تمام عرض صفحه را اشغال میکنند، نه به صورت شبکهای از کارتها. هیچ نوار کناری، هیچ مگامنویی، هیچ پاورقی با شبکه ستونی وجود ندارد - پاورقی یک خط واحد و آرام با اطلاعات حق چاپ و اطلاعات تماس #4c4c4c است. ناوبری فراتر از هدر به صورت یک منوی همبرگری در یک پوشش تمام صفحه اجرا میشود.
تصاویر کم و عمداً گزینش شدهاند. عنصر بصری غالب، یک کره بزرگ از مایع ابسیدین است که با WebGL رندر شده است - یک شکل سهبعدی تیره، تقریباً سیاه و سفید با بازتابهای ظریف آبی و کهربایی در امتداد لبه، شناور در برابر یک پسزمینه سیاه و تا حدی همپوشانی با عنوان. این بیشتر به عنوان نمادنگاری برند عمل میکند تا تصویرسازی. تصاویر کوچک پروژه به صورت عکس یا ویدیو در یک لیست عمودی نمایش داده میشوند و بدون حاشیه، از لبه تا لبه ارائه میشوند. هیچ عکس سبک زندگی، هیچ تصویر استوک، هیچ گرادیان تزئینی وجود ندارد. کره و متن تنها عناصر بصری صفحه هستند.
پالت
برند
- Crimson Signal
#fc1c46— عنصر اصلی، یک عنصر قرمز رنگ است که در تب «تماسها»، در لوگوی برند و نه در هیچ جای دیگر دیده میشود. کمیاب بودن آن به دلیل ویژگیهای خاص طراحی است.
خنثی
- Void
#000000— پسزمینه صفحه، بوم نقاشی، پایه و اساس مطلقی است که تمام عناصر دیگر روی آن شناورند. - Ash
#cccccc— متن اصلی و لینک، رنگ متن پیشفرض روی بوم مشکی - به جای سفید خالص انتخاب شده تا تابش نوری را ملایمتر کند. - Frost
#ffffff— نمایش عنوانها، متن دکمه، متن فیلد ورودی و نشانهگذاری، برجستهترین سطح است که برای محتوایی در نظر گرفته شده است که باید خطی باشد. - Graphite
#4c4c4c— حق نشر، متا تگها، متن کمکی - عمداً بیصدا شدهاند تا با متن اصلی رقابت نکنند.
تایپوگرافی
از ۱۰ تا ۱۹۸ پیکسل · ۷ مرحله
- sui — جایگزینی: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · طرح کلی 300, 400, 500, 700 · یک فونت واحد. سوئی یک فونت سنسسریف هندسی با طراحی سفارشی است که برای همه چیز از ۱۹۸ پیکسل برای تیترها تا ۱۰ پیکسل برای زیرنویسها استفاده میشود. وزن ۷۰۰ برای تیترهای عظیم و عناوین بزرگ در نظر گرفته شده است؛ وزن ۴۰۰ برای بقیه سیستم استفاده میشود. تضاد بین فونتهای ضخیم و معمولی، سیستم فونت اصلی است؛ خانواده دومی لازم نیست.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | متراکم |
| گام اساسی | 9px |
| شعاع دکمه | 9999px |
| شعاع کارت | 0px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 86-108px |
| عرض صفحه | 1400px |
هوش مصنوعی وبسایت شما را به سبک ThoughtLab میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Vivid+Co — نور منشوری از میان ابسیدین
- Sequel — یک اکران خصوصی بعد از تاریکی هوا، تنها نور گرم در سینمایی است که در غیر این صورت تاریک است.
- Dovetail — طرحی زیر نور ماه سیاه - خطوط نمودار به سختی قابل مشاهده، فونت سفید، یک درخشش بنفش
- MekaVerse — یک گالری تکرنگ از مصنوعات دیجیتال - یک فضای خالی سیاه و جامد که در آن دنیای رندر شده مانند یک نمایشگاه موزه آویزان است و کل رابط کاربری جوهر سفید روی شیشه مشکی مات است.
- Krea — گالری نوآر در نیمه شب
- Factory — ترمینال «اتاق جنگ» در نیمهشب. «کارخانه» یک صفحه کنترل کاملاً سیاه است که یک کارت سفید مانند یک اعلان روشن با چراغ قوه روی آن قرار میگیرد - تنها شیء موجود در اتاق، خودِ کار است.
- basement — یک چاپخانه خالی در ساعت ۳ صبح - فونتهای بزرگ و فشردهای که در سراسر سیاهی مطلق پخش شدهاند، یک سوسوی نور نارنجی در نوار ناوبری، و هر چیز دیگری سفید یا خاکستری شبحوار.
- Stink Studios — یک استودیوی فیلمسازی در نیمهشب - پروژکتور وزوز میکند، اتاق تاریک است، فقط فیلم روشن است
- Apple (España) — تئاتر سیاه با لوازم روشنایی
- Charlie — تایپوگرافی حک شده از سنگ صومعه بر روی ابسیدین. نمونه کاری که در آن یک دیوار قرمز سکوت کر کننده ای ایجاد می کند.
- Rive — دید در شب با دقت بالا. رابط کاربری دارای لنز ویژهای است که در تاریکی نفوذ میکند تا با وضوح مطلق بر جزئیات فنی تمرکز کند.
- Datalands — کلیسای جامعی سیاه با یک پالس نئون. لوگو تمام فضای کلیسا را پر کرده است؛ بقیهی چیزها فقط نوشتهای است که به سختی در زیر آن شنیده میشود.