
Apple (España)
بمشکل سنائی دینے والی سرخیوں کے ساتھ سفید جگہ کا کیتھیڈرل۔ ایک وسیع، روشن ہال جہاں 700 کثافت والے فونٹس ہوا میں لٹک رہے ہیں، جو صرف پیسٹل رنگوں اور ایک نیلے دھاگے سے اکٹھے ہیں۔
ایپل کی پروڈکٹ پیج لینگویج ٹائپوگرافک فراخدلی کا ایک مطالعہ ہے: بہت بڑا SF پرو ڈسپلے ہیڈلائنز آف وائٹ بیک گراؤنڈ کے خلاف منڈلا رہا ہے، جس کے چاروں طرف وسیع سفید جگہ ہے جو ہر لفظ کو جان بوجھ کر محسوس کرتی ہے۔ پیلیٹ قریب قریب یک رنگی ہے — متن #1d1d1f میں، کینوس #ffffff اور #f5f5f7 کے درمیان بدلتا ہے—ایک نیلے لہجے (#0071e3) کے ساتھ خصوصی طور پر متعامل لمحات کے لیے محفوظ ہے۔ رنگ خود مصنوعات کی تصاویر میں موجود ہوتا ہے (پیسٹل ٹونز)، کبھی بھی آرائشی UI عناصر کے طور پر نہیں۔ اجزاء فریم لیس ہیں: 28px رداس کے ساتھ گول کارڈز، گولی کے سائز کے بٹن صفحہ کے کناروں کو لگ بھگ چھوتے ہیں، جس میں کوئی کنٹینرز یا ڈراپ شیڈو نظر نہیں آتے۔ ردھم سفید اور سرمئی دھاریوں کو تبدیل کرکے تخلیق کیا جاتا ہے، نہ کہ تقسیم کرنے والوں یا سرحدوں سے۔
حصے صفحہ کی پوری چوڑائی پر قابض ہیں، فراخ پیڈنگ (تقریباً 40-100 اطراف) کے ساتھ کنارے سے کنارے تک پھیلے ہوئے ہیں۔ مواد کی زیادہ سے زیادہ چوڑائی مؤثر طریقے سے ہر پٹی کے اندر مرکوز ہے۔ مرکزی عنصر ایک سینٹرڈ اسٹیک ہے: ایک ابرو کے سائز کا لیبل، ایک بڑی سرخی، ایک کال ٹو ایکشن بٹن، قیمت کی قطار، اور پھر ویو پورٹ کے نیچے بھرنے والی پروڈکٹ کی تصویر۔ سیکشنز ایک دہرائے جانے والے پیٹرن کی پیروی کرتے ہیں: پٹی کے اندر بائیں طرف سے منسلک سرخی، اس کے بعد مصنوعات کی تفصیل کے ساتھ دو کالموں کی ترتیب (بائیں طرف کا متن/دائیں طرف کی تصویر یا متبادل)، کارڈز کا تین کالم گرڈ، یا ایک مرکزی بصری شوکیس۔ مواد کی تال کو مکمل طور پر 100-100 سینٹی میٹر کے عمودی خلاء کے ساتھ سفید اور تین رنگوں کے پس منظر کے متبادل کے ذریعے کنٹرول کیا جاتا ہے — کوئی ڈیوائیڈر نہیں، عناصر کو لے جانے والے کارڈ نہیں ہیں۔ عالمی نیویگیشن ایک واحد، فکسڈ بار ہے۔ پروڈکٹ کی تفصیلات کے حصے بڑے پیمانے پر پیڈنگ کے ساتھ پوری چوڑائی والے بینڈز کا استعمال کرتے ہیں، جہاں متن کو ایک وسیع بصری علاقے کے خلاف تنگ کالموں (~560px) میں مرکوز کیا جاتا ہے۔
ایپل کی بصری زبان بنیادی طور پر پروڈکٹ فوٹو گرافی ہے: خالص سفید یا رنگین پس منظر کے خلاف ہارڈ ویئر کے قریبی اپس، طرز زندگی کے سیاق و سباق یا اسٹیجڈ مناظر کے بغیر۔ مرکزی تصویر میں ہاتھوں میں پیسٹل سبز MacBook Neo کو پکڑے ہوئے دکھایا گیا ہے — انسانی عنصر ثانوی ہے، جذبات کی بجائے پیمانے اور ساخت کا مظاہرہ کرتا ہے۔ پروڈکٹ ویرینٹ سیکشنز میں، دو ڈیوائسز ایک ساتھ ملتے جلتے تراشے ہوئے رنگوں (گلابی، سبز، چاندی، آسمانی نیلے) کے پس منظر کے ساتھ ساتھ پیش کیے جاتے ہیں، ہر کارڈ کے درمیان پروڈکٹ کے ساتھ ایک فلیٹ کلر فیلڈ ہوتا ہے۔ تفصیلی شاٹس غیر جانبدار پس منظر کے خلاف انتہائی قریبی اپس (لیپ ٹاپ کا قبضہ، کیمرہ ماڈیول) استعمال کرتے ہیں۔ یہاں کوئی عکاسی نہیں ہے، کوئی خلاصہ گرافکس نہیں، کوئی آرائشی تصویریں نہیں ہیں — پروڈکٹ خود بصری عنصر ہے۔ آئیکونوگرافی ہر جگہ ہے — SF سمبلز کے انداز میں مونوکروم لائن آئیکنز، 1.5–2px موٹی، ایپل سسٹم آئیکن سیٹ سے لی گئی ہیں۔ فوٹو گرافی ہمیشہ اعلیٰ کلیدی انداز میں کی جاتی ہے: یکساں، شیڈو فری لائٹنگ جو پروڈکٹ کو سہ جہتی چیز کے بجائے گرافک شکل میں کم کرتی ہے۔
پیلیٹ
برانڈ
- Electric Blue
#0071e3— بھرے ہوئے ایکشن بٹن UI میں واحد رنگین لہجہ ہیں، جو کال ٹو ایکشن کے لیے تھوڑا سا استعمال کیا جاتا ہے۔ - Link Blue
#0066cc— ان لائن ٹیکسٹ لنکس، تیر اور شیوران کے ساتھ لنکس۔ - Citrus Gradient
#3b3b23— ایک متبادل فنش جو پروڈکٹ کی دستخطی خصوصیت بن گیا ہے وہ ایک گہرا بیس ہے جو پیلے سبز جھلکیوں میں دھندلا جاتا ہے۔
غیر جانبدار
- Primary Ink
#1d1d1f— سرخیاں، باڈی ٹیکسٹ، اور بٹن لیبل تمام سطحوں پر غالب پیش منظر ٹون ہیں۔ مرکزی مصنوعہ کی تصویر کا پس منظر آسانی سے سب سے اوپر ایک ٹھوس #1d1d1f سے رنگین نیلے رنگ میں تبدیل ہو جاتا ہے۔ - Mid Gray
#707070— ثانوی متن، غیر فعال نیویگیشن حالت، خاموش UI لیبل - Deep Gray
#474747— نیویگیشن ٹیکسٹ اور آئیکنوگرافی درمیانے فونٹ میں ہیں۔ - Hairline
#d6d6d6— سیکشنز اور UI عناصر کے درمیان پتلی حدود۔ - Canvas
#f5f5f7— متبادل حصے کے پس منظر - ایک سرمئی پٹی جو سفید علاقوں کو الگ کرتی ہے۔ - Paper
#ffffff— کارڈ کی سطح، مرکزی صفحہ کا پس منظر، سیاہ پس منظر پر بٹن کا متن۔
نوع ٹائپ
12 سے 96px تک · 10 مراحل
- SF Pro Display — متبادل: Inter · خاکہ 600, 700 · ہیرو کی سرخیاں اور ڈسپلے کے لیے ذیلی سرخیاں — 80–96px پر 700 وزن -1.44px کے منفی حرفی وقفہ کے ساتھ ایپل کے دستخط "سفید میں تیرتی ہوئی بڑی سرخی" تخلیق کرتا ہے۔ متبادل: انٹر، سسٹم یو آئی
- SF Pro Display — متبادل: Inter · خاکہ 600 · سیکشن کے عنوانات، کارڈ کے عنوانات، ذیلی عنوانات - ایک 600 فونٹ جس میں تھوڑا سا مثبت حروف کے وقفے کے ساتھ درمیانے سائز میں گرم اور دوستانہ محسوس ہوتا ہے، اوپر دی گئی مختصر سرخیوں کے برعکس۔
- SF Pro Text — متبادل: Inter · خاکہ 400, 500, 600 · باڈی ٹیکسٹ، نیویگیشن، معاون پیراگراف اور چھوٹے کیپشنز کے لیے، 17px پر 400 کے انڈیکس والا فونٹ بنیادی فونٹ ہے۔ منفی حروف میں وقفہ کاری معلومات سے بھرے صفحات پر زیادہ جامع مرکزی متن کی اجازت دیتی ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | گھنے |
| بنیادی قدم | 8-10px |
| بٹن کا رداس | 980px |
| کارڈ کا رداس | 28px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 100-120px |
| صفحہ کی چوڑائی | 1200px |
AI آپ کی ویب سائٹ کو Apple (España) کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- Airbnb — ایک خاموش سفید گیلری کی دیوار جس میں سنگل مرجان سرخ بک مارک ہے۔
- Peak Design — گیلری کی دیوار، جزوی طور پر روشن
- Ramp — ادارتی فنانس ڈیپارٹمنٹ، ایک ہی نیین مارکر کے ساتھ سیاہ اور سفید صفحات۔ اشاعت کی عملی طور پر مونوکروم سطح، جہاں ایک ہی روشن چونا سبز جھٹکا ہر تعامل کو مانیٹری سگنل میں بدل دیتا ہے۔
- 099 SUPPLY — ایک گیلری کی دیوار سیاہ اور سفید چیزوں سے بھری ہوئی ہے۔
- Orderful — صنعتی لاجسٹکس کنٹرول ڈیک - ایک پرنٹ شدہ لاجسٹکس ڈسپیچر چیک لسٹ، جو کالی سیاہی اور سرجیکل ریڈ میں کی جاتی ہے، ہر صفحہ کافی سمجھدار ہے کہ ایک آپریٹر کو کچھ اہم بات کرنے کی اجازت دے سکے۔
- Apple (España) — سفید گیلری، نگارخانہ ڈسپلے کیس
- teenage engineering — سٹوڈیو لائٹنگ میں صنعتی کیٹلاگ - صفحہ پر پروڈکٹ واحد اہم چیز ہے، اور باقی سب کچھ اس کے آس پاس زیر بحث ہے۔
- Apple (España) — صبح کی دھند میں گیلری کی کھڑکی
- Lightship — کھلی سڑک کا ایک سنیما ڈائیوراما۔ گرم کریم گیلری کی دیواریں بڑی زمین کی تزئین کی تصویروں سے مزین ہیں جو قریب کے وقفوں پر نصب ہیں، پتلی سیاہ قسم جو فریموں پر بمشکل نظر آتی ہے، اور ایک ہی روشن نارنجی لہجہ جس میں مونوکروم کو گھاس کے میدان میں الاؤ کی طرح توڑا جاتا ہے۔
- Custo — ایک گن میٹل رنگ کی گیلری جس میں یک سنگی فونٹ ہے۔ خاموش سرمئی سبز ٹونز میں ایک شوروم، جہاں ایک ہی سیاہ آبجیکٹ اور 57px فونٹ اپنے لیے بولتے ہیں۔
- Silencio — تیرتے نمونے کے ساتھ ایک سفید کمرہ۔ گرم کاغذ سے بنا ایک گیلری ڈسپلے، جہاں ہر عنصر منفی حجم کے پس منظر کے خلاف اپنی جگہ رکھتا ہے، اور خاموشی ایک جان بوجھ کر ڈیزائن کا فیصلہ ہے۔
- ORYZO AI — ڈارک روم کے بارے میں ایک تصویری مضمون۔ گرم اندھیرے میں منڈلا رہی ایک تنہا چیز، کریم فونٹ واحد سجاوٹ ہے۔