
Electronic Materials Office
چارکول سے سجی گیلری میں چمکتا ہوا انگارا
الیکٹرانک میٹریل آفس ایک رات گئے ورکشاپ ہے: ایک دھندلا جیٹ بلیک کینوس، ایک چمکتا ہوا نارنجی انگارا، اور ایک ٹائپ فیس جو اعلان کرنے کے بجائے سرگوشی کرتا ہے۔ انٹرفیس ہر اسکرین کے ساتھ ایک تاریک اسٹوڈیو کی طرح برتاؤ کرتا ہے — کی بورڈ کی تصاویر ہی روشنی کا واحد ذریعہ ہیں، اور UI اس کی تعمیل کرتا ہے۔ ہیڈ لائنز، 200 وزنی GT-Flexa میں سیٹ، وسیع منفی جگہ میں تیرتی ہیں۔ باڈی کاپی جان بوجھ کر چھوٹی اور انسانیت پسند ہے (ٹائمز)۔ رنگ کی پیمائش کی جاتی ہے: قسم کے لیے خالص سفید، لنکس کے لیے خاموش ارغوانی (#9e9eff)، اور صفحہ پر ایک سنگل نارنجی (#f45500) کال ٹو ایکشن جو اپنی 30px چمک کے ساتھ چمکتا ہے۔ اجزاء 20px کے دائرے میں مضبوطی سے فٹ ہوتے ہیں، #9d9d9d پر بارڈرز بمشکل ہی نمایاں ہوتے ہیں، اور سسٹم میں صرف سائے ہی بنیادی کارروائی کے ارد گرد دو رنگین ہالوز ہیں۔
مرکزی، زیادہ سے زیادہ چوڑائی والے مواد (~1200px) کے ساتھ ایک پوری چوڑائی، چارکول کینوس۔ مرکزی اسکرین 20px-ریڈیس میڈیا کارڈ کے ساتھ شروع ہوتی ہے جس میں پروڈکٹ کی ویڈیو ہوتی ہے، جس میں ویوپورٹ کی چوڑائی کا تقریباً 80% حصہ ہوتا ہے، اس کے فوراً بعد ملٹی لائن GT-Flexa 200 ہیڈ لائن ہوتی ہے جو تقریباً مکمل مواد کی چوڑائی تک لپیٹ جاتی ہے۔ سیکشن تال: ٹوبیاس طرز کے آل کیپس میں ایک واحد پروڈکٹ ڈسکرپشن سیکشن، جس کے بعد پروڈکٹ ڈسکرپشن کارڈز کا 2x2 گرڈ (ڈیسک ٹاپ پر) ہوتا ہے۔ کارڈز 1px #9d9d9d بارڈرز اور ان کے درمیان 24px گٹر استعمال کرتے ہیں۔ عمومی عمودی سانس لینے — حصوں کو تقسیم کرنے والوں کی بجائے چارکول منفی جگہ کے 48–128px سے الگ کیا جاتا ہے۔ نیویگیشن ایک واحد، شفاف پینل ہے جو سب سے اوپر لنگر انداز ہوتا ہے، جس میں پوشیدہ لنکس کا ایک جھرمٹ اور ایک ہی ایمبر کال ٹو ایکشن ہوتا ہے۔ کوئی سائڈبار، کوئی میگا مینو، کوئی ثانوی نیویگیشن نہیں۔
تصاویر صرف پروڈکٹ کے مظاہرے کے مقاصد کے لیے ہیں — ایک مکمل طور پر سیاہ پس منظر کے خلاف Altar I کی بورڈ کا ایک کلوز اپ میکرو شاٹ، اوپر سے بیک لائٹ کے ساتھ، جس سے کیس چمکتا ہے اور کی کیپس کناروں کے گرد روشنی کی عکاسی کرتی ہیں۔ کوئی طرز زندگی، کوئی انسانی ہاتھ، کوئی ماحولیاتی تناظر نہیں۔ منظر کشی ہائی کنٹراسٹ اور تاریک ہے۔ مونوکروم پیلیٹ کے باہر واحد رنگ کی بورڈ پر ہی اورنج پاور سوئچ ہے، جو ایمبر اورنج کال ٹو ایکشن کی بازگشت کرتا ہے۔ تصاویر مربع یا 16:9 ہوتی ہیں، ہمیشہ 20px رداس والے کارڈز میں رکھی جاتی ہیں اور کارڈ کے کناروں سے باہر پھیلی ہوتی ہیں (تصویر کے ارد گرد کوئی پیڈنگ نہیں ہے، اور متن کنارے کے نیچے ہوتا ہے)۔ آئیکن اسٹائل: واحد آئیکنوگرافی لوگو سے پہلے ایک چھوٹا سا بھرا ہوا دائرہ (●) ہے—ایک سنگل نارنجی ڈاٹ، ~6px موٹا۔
پیلیٹ
برانڈ
- Ember Orange
#f45500— فل کے ساتھ پرائمری ایکشن بٹن UI میں واحد رنگین سطح ہے، جس کے ساتھ ہمیشہ 30px نارنجی ہالہ ہوتا ہے، جو اسے فلیمینٹ کی طرح چمکاتا ہے۔ پرائمری کال بٹن پر 30px بیرونی چمک ایمبر اورنج ہیکساگون کی علامت کو نقل کرتی ہے، لیکن یہ ایک بھرنے کے بجائے سائے کے طور پر موجود ہے، جس سے بٹن اندر سے روشن دکھائی دیتا ہے۔
غیر جانبدار
- Studio Charcoal
#202020— کینوس اور گتے کی سطحیں ایک تاریک گیلری کے فرش کی طرح ہیں، کبھی بھی مکمل طور پر سیاہ نہیں، تاکہ آنکھ نرم کناروں پر آرام کر سکے۔ - Bone White
#ffffff— مرکزی متن، تصاویر پر باریک بارڈرز، اور ایک نایاب الٹی ہوئی سطح۔ پورے فونٹ کے درجہ بندی کو آزادانہ طور پر برقرار رکھا جاتا ہے۔ - Ash Gray
#9d9d9d— خاموش متن، لطیف کارڈ بارڈرز، اور غیر فعال سرخیاں رنگ سکیم میں واحد درمیانی بھوری رنگ ہیں، جب سفید بہت بلند ہو تو استعمال کیا جاتا ہے۔ - Mid Felt
#eaeaea— الٹے پینلز یا موڈل گرڈز کے لیے ہلکی سطح کا دھونا - سفید کا سایہ جو خاکستری اور گہرے کینوس کے درمیان بیٹھتا ہے۔ - Carbon
#000000— سب سے زیادہ متاثر کن لہجہ آئیکن اسٹروک اور متضاد فریموں کے لیے ہے جہاں چارکول کینوس اپنی شکل کو اچھی طرح سے رکھنے کے لیے بہت ہلکا ہے۔ - Lavender Link
#9e9eff— ایمبیڈڈ لنک کا رنگ اور اضافی ایکشن فریم کا خاکہ گرم نارنجی سے خاموش، ٹھنڈا کنٹراسٹ ہے، اس بات کو یقینی بناتا ہے کہ اعمال چارکول کے پس منظر کے خلاف واضح ہیں۔
نوع ٹائپ
16 سے 86px تک · 8 مراحل
- GT-Flexa — متبادل: Inter (200/400) or Manrope (200/400) · خاکہ 200, 400 · عنوانات اور آرائشی عناصر کے لیے بنیادی فونٹ۔ 200 وزن 24px سے اوپر کی ہر سرخی کی اجازت دیتا ہے — یہ ایک دستخطی انداز ہے: 68px اور 86px پر، حروف شور مچانے کے بجائے فضا میں تحلیل ہوتے دکھائی دیتے ہیں۔ 400 وزن ذیلی سرخیوں اور کارڈ کیپشنز کے لیے موزوں ہے، جہاں وہ بمشکل سنائی دیتے ہیں۔ سب سے بڑے سائز میں لائن کی جگہ کو کم کر کے 1.0 کر دیا جاتا ہے، اس لیے آرائشی فونٹ ہوا کے کالم کی طرح ایک دوسرے کے اوپر ڈھیر ہو جاتے ہیں۔
- Tobias-light — متبادل: Söhne Buch or Inter Tight · خاکہ 400 · سیکشن ہیڈنگز اور فوٹر لوگو کے لیے ایک ثانوی ٹائپوگرافی اسٹائل۔ اسے ٹونل کنٹراسٹ بنانے کے لیے GT-Flexa 200 سے ایک قدم نیچے استعمال کیا گیا ہے — Tobias میں زیادہ آرکیٹیکچرل، تاثراتی احساس ہے، جبکہ GT-Flexa زیادہ ماحول ہے۔ منفی خط کا فاصلہ ٹوبیاس لائٹ کے وسیع تناسب کو کم کرتا ہے۔
- Times — متبادل: Source Serif 4 or PT Serif · خاکہ 400 · باڈی ٹیکسٹ اور ہیڈنگ پیراگراف سیرف کا استعمال کرتے ہوئے جیومیٹرک، آرائشی فونٹس کا جان بوجھ کر مقابلہ کرتے ہیں۔ سیرف جسم کے متن کے سائز سے تجاوز کیے بغیر مصنوعات کی وضاحت میں گرم جوشی اور ادارتی اختیار کا اضافہ کرتے ہیں۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | گھنے |
| بنیادی قدم | 4-8px |
| بٹن کا رداس | 20px |
| کارڈ کا رداس | 20px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 48-128px |
| صفحہ کی چوڑائی | 1200px |
AI آپ کی ویب سائٹ کو Electronic Materials Office کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- OFFFICE : — ایک نوئر گیلری جو یک سنگی فونٹ میں لپٹی ہوئی ہے۔
- Bibliothèque — اسپاٹ لائٹ کے نیچے ایک سیاہ مکعب کی شکل کی گیلری - ایک وسیع، تاریک ہال میں اکیلی روشن پلیٹ
- 21 TSI — ایک کرمسن ویائیڈ، ایک سنگل سلہیٹ – ایک اعلیٰ فیشن ایڈیٹوریل جہاں صارف کا انٹرفیس فضا میں تحلیل ہو جاتا ہے۔
- Structured — پلاسٹائن نما کاغذ پر نشاۃ ثانیہ گیلری
- CHAIBOY — ایک سیاہ گیلری کی دیوار جس میں ایک بیک لِٹ تصویر ہے۔
- Holiday 100 — آدھی رات کو تحائف کی ایک گیلری — ایک سیرف ہیڈ لائن اسپاٹ لائٹ کے طور پر کام کرتی ہے، ایک تاریک کینوس ایک مخمل کی دیوار کے طور پر، اور ہر پروڈکٹ کی تصویر احتیاط سے منتخب کردہ فریم کی طرح لٹکتی ہے۔
- Apple (España) — عجائب گھر کی گیلری، دن کی ہلکی روشنی میں، ایک واحد، دلکش، بے وزن سفید جگہ ہے، جس میں ہر نمائش ہلکی رنگت والی دیوار کے خلاف اسپاٹ لائٹ سے روشن ہوتی ہے۔
- Analogue — بلیک گیلری ڈسپلے کیس - سامان باطل میں منڈلا رہا ہے۔
- Apple (España) — Obsidian Gallery شوکیس ایک تاریک نمائشی ہال ہے جہاں ایک ہی ٹائٹینیم آبجیکٹ سیاہ رنگ کے پس منظر میں چمکتا ہے۔
- Studio Oker — سرخ رنگ کے لہجوں کے ساتھ ایک تاریک گیلری — کالی دیواروں سے جڑا ایک پورٹ فولیو کمرہ، جہاں سفید حروف تیرتے دکھائی دیتے ہیں اور ایک ہی سرخ سرگوشی خاموشی کو کاٹتی ہے۔
- 099 SUPPLY — ایک گیلری کی دیوار سیاہ اور سفید چیزوں سے بھری ہوئی ہے۔
- Retool — ایک گرم اوبسیڈین ورکشاپ - صحت سے متعلق آلات کے لیے ایک سطح، جو دھواں دار انگارے سے روشن ہوتی ہے، جہاں ہر چیز تخلیق ہوتی ہے۔