ThoughtLab
کرمسن سگنل کے ساتھ ایک آبسیڈین یادگار۔ سیاہ خالی پن کا ایک کینوس، جہاں کیتھیڈرل میں واحد سیر شدہ سرخ چیز، جو بڑے سفید حروف میں چھپی ہوئی ہے، ایک ہی رنگین شکل ہے۔
تھیٹ لیب بلیک کیتھیڈرل ڈیزائن لینگویج کی طرح کام کرتی ہے: ایک خالی سیاہ کینوس، ایک ہی سرخ پلس، اور نوع ٹائپ اتنی بڑی ہے کہ یہ فن تعمیر کے طور پر کام کرتی ہے۔ نظام تقریباً مکمل طور پر رنگین ہے—#cccccc جسم کی نمائندگی کرتا ہے، #ffffff ڈسپلے کی نمائندگی کرتا ہے—کے ساتھ #fc1c46 صرف ایک بنیادی کارروائی کے لیے ظاہر ہوتا ہے، خالی پن کے پس منظر کے خلاف تناؤ کے کنٹرول میں اضافے کے طور پر۔ درجہ بندی رنگ، سائے یا بھرنے کے بجائے تیز پیمانے پر چھلانگ (198px → 14px) کے ذریعے بنائی جاتی ہے۔ اجزاء بے وزن ہیں: شفاف کارڈ، گولی کے سائز کے بٹن، پتلی ان پٹ فیلڈز، بلند اسٹیکنگ کی عدم موجودگی — صفحہ کنٹینرز کے بجائے منفی جگہ اور گھنے بڑے بڑے حروف سے سانس لیتا ہے۔
ایک گہرا کینوس صفحہ کی پوری چوڑائی پر پھیلا ہوا ہے، وسیع افقی مارجن کے ساتھ (ہر طرف 126px، مواد کے کالم کو تقریباً 1400px تک دھکیلتا ہے)۔ ہیڈر ایک واحد 72px لائن ہے: بائیں طرف لوگو، بیچ میں ٹیگ لائن، گولی کے سائز کا کال ٹو ایکشن بٹن، اور دائیں طرف ہیمبرگر بار۔ ہیرو ایک منقسم کمپوزیشن ہے — بائیں جانب تمام کیپس میں ایک بڑے سائز کی 198px سرخی جس میں نیچے 18px کی معاون باڈی کاپی ہے، جبکہ ایک 3D دائرہ متن کو درمیان کے دائیں طرف اوور لیپ کرتا ہے، جزوی طور پر اسے "کھانا"۔ ہیرو کے نیچے، حصوں کو ایک کشادہ عمودی تال میں ترتیب دیا گیا ہے جس کے درمیان 86–108px فرق ہے۔ کام کے عناصر ایک فہرست کے طور پر دکھائے جاتے ہیں، جو کہ کارڈ کے گرڈ کے بجائے صفحہ کی تقریباً پوری چوڑائی پر قبضہ کرتے ہیں۔ کوئی سائڈبار، کوئی میگا مینو، کالم گرڈ کے ساتھ کوئی فوٹر نہیں ہے — فوٹر کاپی رائٹ کی معلومات اور رابطہ کی معلومات #4c4c4c کے ساتھ ایک واحد، خاموش لائن ہے۔ ہیڈر سے آگے نیویگیشن فل سکرین اوورلے میں ہیمبرگر مینو کے طور پر شروع ہوتا ہے۔
تصاویر ویرل ہیں اور جان بوجھ کر کیوریٹ کی گئی ہیں۔ غالب بصری عنصر آبسیڈین مائع کا ایک بڑا دائرہ ہے، جسے WebGL میں پیش کیا گیا ہے—ایک سیاہ، تقریباً سیاہ، 3D شکل جس کے کنارے کے ساتھ ٹھیک ٹھیک نیلے اور عنبر کی عکاسی ہوتی ہے، سیاہ پس منظر میں تیرتا ہے اور عنوان کو جزوی طور پر اوور لیپ کرتا ہے۔ یہ مثال سے زیادہ برانڈ آئیکونوگرافی کے طور پر کام کرتا ہے۔ پروجیکٹ کے تھمب نیلز عمودی فہرست میں تصویروں یا ویڈیوز کے طور پر دکھائے جاتے ہیں، بغیر کسی سرحد کے کنارے سے کنارے پیش کیے جاتے ہیں۔ کوئی طرز زندگی کی تصاویر، کوئی اسٹاک امیجز، کوئی آرائشی میلان نہیں۔ کرہ اور قسم صفحہ پر واحد بصری عناصر ہیں۔
پیلیٹ
برانڈ
- Crimson Signal
#fc1c46— مرکزی لہجہ ایک واحد سرخ عنصر ہے؛ یہ "رابطے" ٹیب پر ظاہر ہوتا ہے، برانڈ لوگو میں، اور کہیں بھی نہیں۔ اس کی نایابیت ڈیزائن کی خصوصیات کی وجہ سے ہے۔
غیر جانبدار
- Void
#000000— صفحہ کا پس منظر، کینوس، وہ مکمل بنیاد ہے جس پر باقی تمام عناصر تیرتے ہیں۔ - Ash
#cccccc— مین اور لنک ٹیکسٹ، سیاہ کینوس پر ڈیفالٹ ٹیکسٹ ٹون - آپٹیکل چکاچوند کو نرم کرنے کے لیے خالص سفید کے بجائے منتخب کیا گیا ہے۔ - Frost
#ffffff— عنوانات، بٹن ٹیکسٹ، ان پٹ فیلڈ ٹیکسٹ، اور مارک اپ ڈسپلے کرنا سب سے نمایاں سطح ہے، جس کا مقصد ایسے مواد کے لیے ہے جو لکیری ہونا چاہیے۔ - Graphite
#4c4c4c— کاپی رائٹ، میٹا ٹیگز، معاون متن - جان بوجھ کر خاموش کیا گیا تاکہ مرکزی متن کا مقابلہ نہ کیا جا سکے۔
نوع ٹائپ
10 سے 198px تک · 7 مراحل
- sui — متبادل: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · خاکہ 300, 400, 500, 700 · ایک فونٹ۔ Sui ایک حسب ضرورت ڈیزائن کردہ جیومیٹرک sans-serif فونٹ ہے جو سرخیوں کے لیے 198px سے لے کر سرخیوں کے لیے 10px تک ہر چیز کے لیے استعمال ہوتا ہے۔ 700 وزن یادگار سرخیوں اور بڑے عنوانات کے لیے مخصوص ہے۔ 400 وزن باقی سسٹم کے لیے استعمال ہوتا ہے۔ بولڈ اور ریگولر کے درمیان فرق بنیادی فونٹ سسٹم ہے۔ دوسرے خاندان کی ضرورت نہیں ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | گھنے |
| بنیادی قدم | 9px |
| بٹن کا رداس | 9999px |
| کارڈ کا رداس | 0px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 86-108px |
| صفحہ کی چوڑائی | 1400px |
AI آپ کی ویب سائٹ کو ThoughtLab کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- Vivid+Co — obsidian کے ذریعے prismatic روشنی
- Sequel — اندھیرے کے بعد ایک نجی اسکریننگ دوسری صورت میں تاریک سنیما میں واحد گرم روشنی ہے۔
- Dovetail — بلیک مون کے نیچے ایک بلیو پرنٹ — بمشکل نظر آنے والی گراف لائنیں، سفید فونٹ، ایک جامنی چمک
- MekaVerse — ڈیجیٹل آرٹفیکٹس کی ایک مونوکروم گیلری — ایک ٹھوس سیاہ خلا جہاں پیش کردہ دنیا میوزیم کی نمائش کی طرح لٹکی ہوئی ہے، اور پورا یوزر انٹرفیس میٹ بلیک شیشے پر سفید سیاہی ہے۔
- Krea — آدھی رات کو گیلری نوئر
- Factory — آدھی رات کو "وار روم" ٹرمینل۔ "فیکٹری" ایک مکمل سیاہ کنٹرول پینل ہے جہاں ایک سفید کارڈ ٹارچ کی روشنی سے روشن ڈسپیچ کی طرح اترتا ہے — کمرے میں واحد چیز کام ہی ہے۔
- basement — صبح 3 بجے ایک خالی پرنٹنگ پریس - بڑے بڑے، کمپریسڈ فونٹس سیاہ رنگ میں پھیل رہے ہیں، نیویگیشن بار پر نارنجی روشنی کی ایک جھلک، باقی سب کچھ سفید یا بھوت بھوری۔
- Stink Studios — آدھی رات کو ایک فلم اسٹوڈیو - پروجیکٹر بجتا ہے، کمرہ اندھیرا ہے، صرف فلم جلتی ہے۔
- Apple (España) — روشن سامان کے ساتھ سیاہ تھیٹر
- Charlie — نوع ٹائپ خانقاہ کے پتھر سے اوبسیڈین پر کھدی ہوئی ہے۔ ایک پورٹ فولیو جس میں ایک ہی سرخ دیوار ایک بہری خاموشی پیدا کرتی ہے۔
- Rive — اعلی صحت سے متعلق نائٹ ویژن۔ انٹرفیس میں ایک خاص لینس ہے جو مکمل وضاحت کے ساتھ تکنیکی تفصیلات پر توجہ مرکوز کرنے کے لیے تاریکی کو گھستا ہے۔
- Datalands — ایک سیاہ کیتھیڈرل جس میں ایک نیون نبض ہے۔ لوگو ناف کو بھرتا ہے۔ باقی سب کچھ نیچے بمشکل قابل سماعت متن ہے۔