INO
خاموشی میں ایک میوزیم ڈسپلے کیس - ہر نمائش ایک سفید جگہ میں تیرتی ہے، جیسے شیشے کے پیچھے کسی ایک چیز کو، تقریباً سیاہ، بمشکل سنائی دینے والے فونٹ کے ذریعے فریم کیا جاتا ہے۔
INO تقریبا ایک مونوکروم جیولری گیلری کے طور پر کام کرتا ہے: ایک کرکرا سفید کینوس، ایک واحد، گرم، تقریباً سیاہ سیاہی، اور رنگ کی تقریباً مکمل غیر موجودگی۔ بصری نظام ہر ایک انگوٹھی کو میوزیم کے ٹکڑے کی طرح سمجھتا ہے — کلینیکل پروڈکٹ کی تصویریں وسیع منفی جگہ میں تیرتی ہیں، درجہ بندی کے ساتھ پوزیشن، خط کی جگہ، اور فونٹ اسکیل یا رنگ کے بجائے سفید کے حجم کے ذریعے بنایا گیا ہے۔ نیویگیشن صفحہ کے نچلے حصے میں واقع ہے، جس میں چار نقطوں پر مشتمل لیبل (بھرے یا خالی) ہیں، روایتی ای کامرس ٹاپ بار کو جان بوجھ کر تبدیل کرنا۔ برانڈ مارک بذات خود مرتکز رنگ کی شکلوں کا ایک مجموعہ ہے، جو پروڈکٹ کی شکل کو گونجتا ہے اور لوگو کے بجائے ٹائپوگرافک مجسمہ کے طور پر کام کرتا ہے۔
ایک مکمل چوڑائی والا کینوس جس میں مواد کی زیادہ سے زیادہ چوڑائی کی حد نہیں ہے۔ مرکزی اسکرین صفحہ کی پوری چوڑائی کو لے لیتی ہے، فوٹو گرافی اور گرافکس یکساں طور پر تقسیم ہوتے ہیں (50/50)۔ پروڈکٹ گرڈ ویو پورٹ کے کنارے سے بڑے افقی مارجن کے ساتھ تین کالم والی قطاروں کے طور پر دکھائے جاتے ہیں۔ نیچے کی نیویگیشن پن کی بجائے صفحہ فوٹر پر مرکوز اور لنگر انداز ہوتی ہے۔ سیکشن بریکس یا تو فل سکرین ایڈیٹوریل فوٹو گرافی یا خالص سفید جگہ کا استعمال کرتے ہیں—کبھی رنگ بار، تقسیم کرنے والی لائن، یا میلان نہیں۔ عمودی تال مفت ہے: بڑے حصوں کے درمیان 80/1/1، صفحہ کو مواد سے بھرنے کے بجائے سانس لینے کی اجازت دیتا ہے۔ کوئی سائڈبار، کوئی میگا مینو، کوئی ٹاپ ہیڈر بار نہیں ہے — "INO" لوگو مکمل طور پر مرکزی اسکرین کے اوپری بائیں کونے میں واقع ہے۔
دو الگ الگ تصویری ڈسپلے موڈز ایک ساتھ رہتے ہیں: ایک فلیٹ، ہلکے سرمئی، ہموار پس منظر پر کلینیکل پروڈکٹ فوٹوگرافی (ہر انگوٹھی کو مرکز میں، ہاتھوں، اسٹائلائزڈ پروپس، یا سطح کے سائے کے بغیر فوٹوگرافی کی جاتی ہے—آبجیکٹ مرکزی کردار ہے) اور بیانیہ ادارتی امیجز (گھاس کی لکیر والے خانے میں ایک انگوٹھی، ایک ہاتھ پکڑا ہوا ہے، ایک مکمل زنجیر کے طور پر ترمیم شدہ) ٹکڑے مصنوعات کی تصاویر پروڈکٹ کارڈ کے طور پر کام کرتی ہیں؛ ادارتی تصاویر برانڈ کے مزاج کو ظاہر کرتی ہیں۔ دونوں مونوکروم ہیں یا قریب ایک مونوکروم — مرکزی تصویر میں گھاس سبز رنگ کا واحد اشارہ ہے، اور یہاں تک کہ اسے جنگل کی رنگت میں خاموش کر دیا گیا ہے۔ انٹرفیس میں شبیہیں استعمال نہیں کی جاتی ہیں - ایک مرتکز انگوٹھی کی علامت تمام نقش نگاری کی جگہ لے لیتی ہے۔
پیلیٹ
غیر جانبدار
- Obsidian Ink
#212123— غیر جانبدار فارم اسٹیٹس، آئیکن ٹیکسٹ، اور سمجھدار UI فیڈبیک جہاں رنگ سکیمیں بلا روک ٹوک رہیں۔ - Bone
#ffffff— کینوس کے صفحات، گتے کی سطحیں، سیاہ پس منظر پر الٹا متن۔ غالب سطح؛ تقریباً پوری ویب سائٹ یہاں واقع ہے۔ - Carbon
#000000— نیویگیشن پوائنٹ انڈیکیٹر کے لیے آئیکن فل، آرائشی گرافک آؤٹ لائنز، اور ایکٹیو سٹیٹ فل۔ "ہڈی" رنگ کے ساتھ زیادہ سے زیادہ ٹونل کنٹراسٹ کے لیے تھوڑا استعمال کیا جاتا ہے۔ - Ash
#999999— درمیانے کنٹراسٹ بارڈرز، کنٹرول کنٹورز اور ساختی ڈیوائیڈرز۔ - Pebble
#a6a6a7— ذیلی معاون متن، مرکزی متن کے لیے پتلے جداکار، اور ثانوی میٹا ڈیٹا۔ سب سے ہلکے فنکشنل گرے کو قیمت کے ٹیگز اور اس کے ساتھ والے متن کے لیے استعمال کیا جاتا ہے جو پس منظر میں جانا چاہیے۔
نوع ٹائپ
11 سے 18px تک · 4 مراحل
- Sequel100Wide — متبادل: Jost (400 · خاکہ 400 · واحد کارپوریٹ ٹائپ فیس جو تمام سیاق و سباق میں 400 وزن میں خصوصی طور پر استعمال ہوتا ہے — نیویگیشن، باڈی ٹیکسٹ، عنوانات، عنوانات، قیمتوں کا تعین، اور سرخیاں۔ خطوط کے وسیع وقفہ کے ساتھ وسیع پیمانے پر وقفہ شدہ ہندسی علامت پورے کارپوریٹ طرز کی عکاسی کرتی ہے۔ جرات مندانہ وزن کی کمی جان بوجھ کر ہے: درجہ بندی مختلف فونٹ وزن کے بجائے بڑے حروف، خط وقفہ کاری، اور پوزیشننگ کے ذریعے حاصل کی جاتی ہے۔
- Arial — متبادل: system-ui · خاکہ 400 · وراثت کے سیاق و سباق میں بٹنوں کو پیش کرنے کے لیے نظام بھر میں فال بیک۔ یہ برانڈنگ کا حصہ نہیں ہے — یہ صرف اس صورت میں ظاہر ہوتا ہے جب Sequel100Wide لوڈ ہونے میں ناکام ہو جائے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | گھنے |
| بنیادی قدم | 23px |
| بٹن کا رداس | 50px |
| کارڈ کا رداس | 8px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 80-120px |
AI آپ کی ویب سائٹ کو INO کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- Airbnb — ایک خاموش سفید گیلری کی دیوار جس میں سنگل مرجان سرخ بک مارک ہے۔
- Peak Design — گیلری کی دیوار، جزوی طور پر روشن
- 099 SUPPLY — ایک گیلری کی دیوار سیاہ اور سفید چیزوں سے بھری ہوئی ہے۔
- Apple (España) — سفید گیلری، نگارخانہ ڈسپلے کیس
- Apple (España) — صبح کی دھند میں گیلری کی کھڑکی
- Custo — ایک گن میٹل رنگ کی گیلری جس میں یک سنگی فونٹ ہے۔ خاموش سرمئی سبز ٹونز میں ایک شوروم، جہاں ایک ہی سیاہ آبجیکٹ اور 57px فونٹ اپنے لیے بولتے ہیں۔
- Silencio — تیرتے نمونے کے ساتھ ایک سفید کمرہ۔ گرم کاغذ سے بنا ایک گیلری ڈسپلے، جہاں ہر عنصر منفی حجم کے پس منظر کے خلاف اپنی جگہ رکھتا ہے، اور خاموشی ایک جان بوجھ کر ڈیزائن کا فیصلہ ہے۔
- Oakâme — گرم پتھر سے تراشی ہوئی دھوپ میں بھیگنے والی پروونسل ورکشاپ
- Nike — کھیلوں کی کامیابیوں کی ایک مونوکروم گیلری - سفید دیواریں، آرٹ کے کام کے طور پر مصنوعات، پس منظر میں تحلیل کروم
- Sociotype — سفید کاغذ پر عجائب گھر کا ایک عام نمونہ
- Arc — آدھی رات کے پانی کے اوپر صنعتی سفید گیلری
- Rivian — گیلری کی کنکریٹ کی دیوار پر ایک برقی مونولتھ۔ ریوین ہر گاڑی کو ایک وسیع و عریض سفید جگہ کے خلاف مجسمہ کے طور پر پیش کرتا ہے، ٹائپوگرافی کے ساتھ یہ ایک آرکیٹیکچرل عنصر بن جاتا ہے، اور ایک گرم پیلا جو یک رنگی ماحول کو توڑتا ہے، جیسے دھندلا سطح پر سورج کی روشنی۔