Apple (España)
سفيد جاءِ جو هڪ گرجا گھر جنهن ۾ مشڪل سان ٻڌڻ ۾ ايندڙ سرخيون آهن. هڪ وسيع، روشن هال جتي 700 کثافت وارا وڏا فونٽ هوا ۾ لٽڪيل آهن، صرف پيسٽل رنگن ۽ هڪ نيري ڌاڳي سان گڏ رکيل آهن.
ايپل جي پراڊڪٽ پيج جي ٻولي ٽائيپوگرافڪ سخاوت ۾ هڪ مطالعو آهي: وڏيون ايس ايف پرو ڊسپلي هيڊ لائنون هڪ آف وائيٽ پس منظر جي خلاف منڊلي رهيون آهن، وسيع اڇي جاءِ سان گھريل آهن جيڪي هر لفظ کي ارادي طور تي محسوس ڪن ٿيون. پيليٽ تقريبن مونوڪروميٽڪ آهي - #1d1d1f ۾ ٽيڪسٽ، ڪينواس #ffffff ۽ #f5f5f7 جي وچ ۾ متبادل - هڪ نيرو تلفظ (#0071e3) سان خاص طور تي انٽرايڪٽو لمحن لاءِ محفوظ آهي. رنگ پاڻ پراڊڪٽ تصويرن ۾ موجود آهي (پيسٽل ٽون)، ڪڏهن به آرائشي UI عنصرن جي طور تي نه. اجزاء فريم لیس آهن: 28px ريڊيس سان گول ڪارڊ، گول جي شڪل وارا بٽڻ تقريبن صفحي جي ڪنارن کي ڇهندا آهن، ڪو به نظر نه ايندڙ ڪنٽينر يا ڊراپ پاڇو نه. تال اڇي ۽ گرين پٽين کي متبادل ڪندي ٺاهيو ويندو آهي، نه ته ورهائيندڙ يا سرحدون.
سيڪشن صفحي جي پوري ويڪر تي قبضو ڪن ٿا، وڏي پيڊنگ سان ڪنڊ کان ڪنڊ تائين پکڙيل آهن (تقريبن 40-100 پاسا). وڌ ۾ وڌ مواد جي ويڪر هر پٽي اندر مؤثر طور تي مرڪز ۾ آهي. مکيه عنصر هڪ مرڪزي اسٽيڪ آهي: هڪ ابرو جي شڪل وارو ليبل، هڪ وڏو هيڊ لائن، هڪ واحد ڪال-ٽو-ايڪشن بٽڻ، هڪ قيمت قطار، ۽ پوءِ هڪ پراڊڪٽ تصوير جيڪا ويو پورٽ جي تري ۾ ڀريندي آهي. سيڪشن هڪ ورجائيندڙ نموني جي پيروي ڪن ٿا: پٽي اندر هڪ کاٻي-منتقل ٿيل هيڊ لائن، ان کان پوءِ يا ته پراڊڪٽ جي وضاحتن سان ٻه-ڪالمن لي آئوٽ (کاٻي پاسي متن/ساڄي پاسي تصوير يا متبادل)، ڪارڊن جو هڪ ٽي-ڪالمن گرڊ، يا هڪ مرڪزي بصري شوڪيس. مواد جي تال مڪمل طور تي 100-100 سينٽي ميٽر جي عمودي خالن سان متبادل سفيد ۽ ٽن رنگن جي پس منظر ذريعي ڪنٽرول ڪيو ويندو آهي - ڪو به ورهائيندڙ نه، ڪو به ڪارڊ عنصر نه کڻندو. گلوبل نيويگيشن هڪ واحد، مقرر بار آهي. پراڊڪٽ جي وضاحت جا سيڪشن وڏي پيڊنگ سان مڪمل ويڪر بينڊ استعمال ڪندا آهن، جتي متن هڪ وسيع بصري علائقي جي خلاف تنگ ڪالمن (~560px) ۾ مرڪز ۾ هوندو آهي.
ايپل جي بصري ٻولي بنيادي طور تي پراڊڪٽ فوٽوگرافي آهي: هارڊويئر جا ڪلوز اپ خالص اڇي يا رنگ جي پس منظر جي خلاف، طرز زندگي جي حوالي يا اسٽيج ٿيل منظرن کان سواءِ. مکيه تصوير ۾ هٿ ڏيکاريا ويا آهن جيڪي هڪ پيسٽل سائي ميڪ بڪ نيو کي هٿ ۾ کڻي رهيا آهن - انساني عنصر ثانوي آهي، جذبات جي بدران پيماني ۽ بناوت جو مظاهرو ڪري ٿو. پراڊڪٽ جي مختلف حصن ۾، ٻه ڊوائيس ملندڙ ٽرم رنگن (گلابي، سائو، چاندي، آسماني نيرو) جي پس منظر جي خلاف هڪ ٻئي سان گڏ پيش ڪيا ويا آهن، هر ڪارڊ هڪ فليٽ رنگ فيلڊ آهي جنهن ۾ پراڊڪٽ مرڪز ۾ آهي. تفصيلي شاٽ هڪ غير جانبدار پس منظر جي خلاف انتهائي ڪلوز اپ (ليپ ٽاپ هينگ، ڪئميرا ماڊل) استعمال ڪن ٿا. ڪابه تصوير نه آهي، ڪو به خلاصو گرافڪس ناهي، ڪو به آرائشي تصويرون ناهي - پراڊڪٽ پاڻ بصري عنصر آهي. آئڪنوگرافي هر هنڌ آهي - ايس ايف سمبلز انداز ۾ مونوڪروم لائن آئڪن، 1.5-2px ٿلهي، ايپل سسٽم آئڪن سيٽ مان ورتل. فوٽوگرافي هميشه هڪ اعليٰ اهم انداز ۾ ڪئي ويندي آهي: يونيفارم، پاڇو کان پاڪ روشني جيڪا پراڊڪٽ کي ٽي-dimensional شئي جي بدران گرافڪ شڪل ۾ گھٽائي ٿي.
پيليٽ
برانڊ
- 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 کان 96 پکسلز تائين · 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.
- پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
- بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان 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 — هڪ اونداهي ڪمري بابت هڪ تصويري مضمون. گرم اونداهي ۾ هڪ اڪيلي شيءِ لڙڪندي، ڪريم فونٽ واحد سينگار آهي.