ThoughtLab
هڪ اوبسيڊين يادگار جنهن ۾ ڳاڙهي رنگ جو سگنل آهي. ڪاري خالي پن جو هڪ ڪينواس، جتي ڪيٿڊرل ۾ واحد ڳاڙهي شيءِ، جيڪا وڏن سفيد اکرن ۾ ڇپيل آهي، هڪ واحد رنگين شڪل آهي.
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 کان 198 پکسلز تائين · 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 · هڪ واحد فونٽ. سوئي هڪ ڪسٽم ڊيزائن ڪيل جاميٽري سينز-سيريف فونٽ آهي جيڪو هيڊ لائنز لاءِ 198px کان وٺي ڪيپشن لاءِ 10px تائين هر شيءِ لاءِ استعمال ٿيندو آهي. 700 وزن يادگار هيڊ لائنز ۽ وڏن عنوانن لاءِ مخصوص آهي؛ 400 وزن باقي سسٽم لاءِ استعمال ڪيو ويندو آهي. بولڊ ۽ ريگيولر جي وچ ۾ تضاد بنيادي فونٽ سسٽم آهي؛ ٻيو خاندان گهربل ناهي.
وقفا ۽ شڪل
| مقصد | مطلب |
|---|---|
| کثافت | ڳرو |
| بنيادي قدم | 9px |
| بٽڻ جو ريڊيس | 9999px |
| ڪارڊ جو ريڊيس | 0px |
| پاڇا | پاڇن جي بدران ڪو به بارڊر نه |
| حصن جي وچ ۾ | 86-108px |
| صفحي جي ويڪر | 1400px |
AI توهان جي ويب سائيٽ ThoughtLab انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.
- لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
- ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.
هڪجهڙا انداز
- Vivid+Co — اوبسيڊين ذريعي پرزميٽڪ روشني
- Sequel — اونداهي سينيما ۾ اونداهي کان پوءِ هڪ خانگي اسڪريننگ واحد گرم روشني آهي.
- Dovetail — ڪاري چنڊ هيٺان هڪ نقشو - مشڪل سان نظر ايندڙ گراف لائينون، اڇو فونٽ، هڪ جامني چمڪ
- MekaVerse — ڊجيٽل نمونن جي هڪ مونوڪروم گيلري - هڪ مضبوط ڪارو خالي جتي پيش ڪيل دنيا هڪ عجائب گھر جي نمائش وانگر لٽڪيل آهي، ۽ سڄو يوزر انٽرفيس ميٽ ڪاري شيشي تي اڇي مس سان ٺهيل آهي.
- Krea — اڌ رات جو گيلري نائر
- Factory — اڌ رات جو "جنگي ڪمرو" ٽرمينل. "ڪارخانو" هڪ ڪارو ڪنٽرول پينل آهي جتي هڪ اڇو ڪارڊ ٽارچ جي روشني وانگر لهي ٿو - ڪمري ۾ واحد شيءِ ڪم پاڻ آهي.
- basement — صبح جو 3 وڳي هڪ خالي پرنٽنگ پريس - وڏا، دٻيل فونٽ ڪارا رنگ ۾ پکڙجي رهيا هئا، نيويگيشن بار تي نارنگي روشني جي هڪ جهلڪ، باقي سڀ ڪجهه اڇو يا ڀوت جهڙو ڀورو.
- Stink Studios — اڌ رات جو هڪ فلم اسٽوڊيو - پروجيڪٽر گونجي ٿو، ڪمرو اونداهو آهي، صرف فلم روشن آهي
- Apple (España) — روشن ٿيل سامان سان ڪارو ٿيٽر
- Charlie — خانقاه جي پٿر مان اوبسيڊين تي تراشيل ٽائيپوگرافي. هڪ پورٽ فوليو جنهن ۾ هڪ ڳاڙهي ڀت هڪ ٻوڙيندڙ خاموشي پيدا ڪري ٿي.
- Rive — اعليٰ درستگي وارو رات جو نظارو. انٽرفيس ۾ هڪ خاص لينس آهي جيڪو اونداهي ۾ داخل ٿئي ٿو ته جيئن مڪمل وضاحت سان ٽيڪنيڪل تفصيلن تي ڌيان ڏئي سگهجي.
- Datalands — هڪ ڪارو گرجا گھر جنهن ۾ هڪ نيون نبض آهي. لوگو ناف کي ڀري ٿو؛ باقي سڀ ڪجهه هيٺان مشڪل سان ٻڌڻ ۾ ايندڙ متن آهي.