ٽيليگرام، WhatsApp  +380637610482
ويلري ڊينيوڪ
ويلري ڊينيوڪڊولپرڪاروبار لاءِ AI اوزار تيار ڪرڻ. اعليٰ معيار. سستي.ٽيليگرام تي لکو
Apple — هن انداز ۾ سائيٽ جو هڪ ڏيک

Apple

هڪ اڇو ڪمرو جنهن ۾ هڪ نيرو سوئچ آهي.

ايپل جو ڊزائن تحمل جو هڪ نمونو آهي: هڪ لڳ ڀڳ اڇو ڪينواس، ڪافي اڇو جڳهه، ۽ هڪ واحد، متحرڪ نيرو تلفظ جيڪو هر عمل کي عمدي محسوس ڪرائيندو آهي. بنيادي ڌيان ٽائيپوگرافي آهي - ايس ايف پرو، منفي اکرن جي فاصلي سان جيڪو وڌندڙ سائيز سان گهٽجي ٿو، هيڊ لائنز کي تمام گهڻو ڳرو ٿيڻ کان سواءِ هڪ آرڪيٽيڪچرل وضاحت ڏئي ٿو. پراڊڪٽ ڊيزائن آهي: وڏيون پراڊڪٽ تصويرون ۽ طرز زندگي جون تصويرون غالب آهن، جڏهن ته ڪروم عنصر پتلي فريم، شفاف نيويگيشن، ۽ نفيس لائينن ۾ گهٽجي ويندا آهن. حصا پروموشنل مواد لاءِ مڪمل رنگ جي بلاڪن سان هلڪي گرين پس منظر جي خلاف متبادل آهن، آرائشي عنصرن جي بدران پيماني ۾ تبديلين ذريعي تال پيدا ڪن ٿا.

صفحي جو لي آئوٽ هڪ مڪمل ويڪر وارو صفحو آهي جنهن ۾ ڪا به مقرر وڌ ۾ وڌ ڪنٽينر ويڪر ناهي - سيڪشن هڪ ڪنڊ کان ٻئي ڪنڊ تائين پکڙيل آهن، ٽيڪسٽ بلاڪ تقريبن 980px تي مرڪز ۾ آهن. نيويگيشن هڪ واحد، مقرر گلوبل بار آهي جنهن ۾ هر پراڊڪٽ لاءِ هڪ اضافي ذيلي فولڊر آهي جيڪو اسڪرول تي ظاهر ٿئي ٿو. مکيه لي آئوٽ هميشه مرڪز ۾ هوندو آهي: هڪ وڏو پراڊڪٽ جو نالو، هڪ سنگل لائن ٽيگ لائن، ٻه پِل بٽڻ، پوءِ هڪ پراڊڪٽ تصوير جيڪا باقي ويو پورٽ کي ڀريندي آهي. سيڪشن عمودي طور تي هڪ سخي عمودي تال (64px+ حصن جي وچ ۾)، متبادل #f5f5f7 ۽ رنگين پس منظر سان اسٽيڪ ڪيا ويا آهن. هيٺيون صفحو مڪمل ويڪر سروس ڪارڊن جي هڪ افقي قطار آهي (ايپل ٽي وي +، فٽنيس +، ميوزڪ، آرڪيڊ)، هر هڪ اوورلي ٽيڪسٽ ۽ هڪ پِل بٽڻ سان هڪ فوٽو بلاڪ. ڪابه سائڊبار، ڪابه ملٽي ڪالم مواد لي آئوٽ، ڪا به غير متناسب ترتيب نه آهي - هر شي مرڪز، اسٽيڪ ٿيل، ۽ سميٽريل آهي.

فوٽوگرافي غالب بصري ٻولي آهي. پراڊڪٽ جون تصويرون خالص اڇي يا نرم گرين پس منظر جي خلاف ورتيون وينديون آهن، بغير ڪنهن حوالي جي - ڊوائيس تارو آهي، الڳ ٿيل ۽ روشن. طرز زندگي جون تصويرون مڪمل ويڪر بينرن ۾ ڏيکاريون وينديون آهن، اڪثر ڪري سختي سان ڪٽيل شين سان. رنگ گريڊينٽ (پيسٽل نيرو، گلابي، سائو) پراڊڪٽ سيڪشن لاءِ پس منظر طور ڪم ڪن ٿا، سينگار جي طور تي نه. آئڪنوگرافي گهٽ ۾ گهٽ ۽ لائن تي ٻڌل، 1-2px ٿلهي، متن جي ساڳئي گرين اسڪيل ۾ آهي. ڪابه تصوير، ڪابه تجريدي گرافڪس، ڪا 3D رينڊرنگ نه، سواءِ پراڊڪٽ جي تصويرن جي.

پيليٽ

برانڊ

  • Apple Blue #0071e3 — ڀريل ايڪشن بٽڻ، چونڊيل حالتون - هر ظاهر کي بامعني بڻائڻ لاءِ صرف انٽرايڪٽو ڪروميٽ رنگ گهٽ استعمال ڪيو ويو.
  • Link Blue #0066cc — نمايان ٿيل ايڪشن بارڊر، ايمبيڊڊ لنڪس - ايپل بليو کان وڌيڪ سير ٿيل رنگ استعمال ڪيو ويندو آهي جتي ڀريل ٽيبليٽ تمام گهڻو چمڪندڙ هوندو.
  • Signal Blue #2997ff — آرائشي فريم، تصويري خاڪا، آئڪن بارڊر - سسٽم ۾ سڀ کان هلڪو نيرو رنگ، جيڪو صارف جي رابطي جي بدران ماحول لاءِ استعمال ٿيندو آهي.

غير جانبدار

  • Carbon #1d1d1f — مکيه متن، هيڊنگ بارڊر، نيويگيشن لائينون، ڪارڊ بارڊر - غالب مس جو رنگ لڳ ڀڳ ڪارو آهي جنهن ۾ ٿوري گرمجوشي جو اشارو آهي.
  • Frost #f5f5f7 — صفحي جو ڪينواس، مکيه متن جو پس منظر، ۽ فوٽر مٿاڇري ايپل جي دستخطي هلڪو گرين رنگ آهي، خالص اڇي کان ٿورو ٿڌو.
  • Ice #f4f8fb — اظهاري مٿاڇري جا فل، نازڪ رنگ، هڪ ڳاڙهي پس منظر تي بٽڻ جو متن - هڪ نازڪ نيرو رنگ جيڪو حصي کي نمايان ڪرڻ کان سواءِ زنده ڪري ٿو.
  • Smoke #333333 — ثانوي متن، نيويگيشن فل، بٽڻ بارڊر - بارڊرن ۽ آئڪن لاءِ هڪ ورسٽائل غير جانبدار رنگ جنهن کي وچولي گرين کان وڌيڪ پنچ جي ضرورت آهي.
  • Graphite #474747 — نيويگيشن ٽيڪسٽ، نيويگيشن بارڊرز، لنڪ بارڊرز - عنصر جي درجي بندي ۾ ڪاربن ۽ اسموڪ جي وچ ۾ هڪ وچولي پوزيشن تي قبضو ڪن ٿا.
  • Ash #707070 — فوٽر ٽيڪسٽ، لسٽ بارڊر، نيويگيشن بارڊر، خاموش ٿيل باڊي ٽيڪسٽ - هڪ وچولي گرين رنگ ان مواد لاءِ جيڪو موجود هجڻ گهرجي پر نمايان نه هجي.

ٽائپوگرافي

12 کان 56px تائين · 8 مرحلا

  • SF Pro Display — متبادل: Inter · خاڪا 400, 600, 700 · هيڊ لائنون ۽ وڏا ٽيڪسٽ—40px+ سائيز هڪ تنگ ايپرچر ۽ مضبوط منفي ٽريڪنگ لاءِ ڊسپلي فارميٽ استعمال ڪن ٿا؛ 700 اشتهارن جي ترتيب لاءِ مخصوص آهي، ۽ 400 ادارتي مواد ۾ پراڊڪٽ جي نالن لاءِ آهي.
  • SF Pro Text — متبادل: Inter · خاڪا 300, 400, 600 · باڊي ٽيڪسٽ، نيويگيشن، بٽڻ، ذيلي هيڊنگ - ڪم ڪندڙ فونٽ؛ باڊي ٽيڪسٽ لاءِ 400، سب هيڊنگ ۽ قابليت واري ليبل لاءِ 300، نيويگيشن عنصرن ۽ بٽڻ ٽيڪسٽ لاءِ 600؛ منفي اکرن جي فاصلي سائيز جي تناسب سان گھٽجي ٿي (-0.022em کان 12px تائين -0.01em کان 44px تائين).

وقفا ۽ شڪل

مقصدمطلب
کثافتسراسري
بنيادي قدم12px
بٽڻ جو ريڊيس980px
ڪارڊ جو ريڊيس8px
پاڇاپاڇن جي بدران ڪو به بارڊر نه
حصن جي وچ ۾64px
صفحي جي ويڪر1440px

AI توهان جي ويب سائيٽ Apple انداز ۾ ٺاهيندو ۽ ان کي ڀريندو.

  • لنڪ ذريعي پراڊڪٽس ۽ پوسٽن سان ڀريو - Instagram ، TikTok ، Facebook.
  • پنهنجي پراڻي سائيٽ تان مواد منتقل ڪريو - صرف پتو بيان ڪريو.
  • بهترين انجن تي جديد ڊيزائن: سرور رينڊرنگ ۽ ايس اي او آپٽمائيزيشن سان React ( Next.js).
  • ڳولا جي نتيجن ۽ نيورل نيٽ ورڪ سفارشن لاءِ مڪمل طور تي خودڪار SEO اصلاح.

هڪجهڙا انداز

  • Ui — ميٽ پيپر تي ڪلينڪل پلان
  • ElevenLabs — نرم سرخين سان گرم ڪريم ٽون ۾ هڪ تصويري مضمون. هڪ باهاؤس طرز جي نوٽ بڪ - انڊي شيل رنگ جو ڪاغذ، ڪارو مس، ۽ پراڊڪٽ ڊسپلي لاءِ هڪ واحد جامني ۽ نارنگي تلفظ.
  • monopo saigon — ادارتي خاموشي جي پويان هڪ مائع، چمڪندڙ چمڪ - پگھريل روشني تي ترندڙ هڪ مونوڪروم ايڊيٽوريل گيلري
  • Awesomic — نارنگي اوقاف جي نشانين سان ايڊيٽوريل زنڪ ميش جيڪو ڪنفيٽي جي ياد ڏياري ٿو
  • Monad — گرم پارچمينٽ تي ايڊيٽوريل ٽيڪنيڪل جرنل
  • Dub — لنڪ جو ميٽ رائس پيپر ڪنٽرول پينل
  • Seline Analytics — گرم ڪاغذ تي هڪ خاموش تجزياتي ٽيبل
  • Ventriloc — گرم ڪاغذ تي ڊيٽا جي هڪ ايڊيٽوريل آبزرويٽري - هڪ نارنگي انگارو جيڪو مونوڪروم جي درستگي کي اجاگر ڪري ٿو
  • Duolingo — اڇي ڪاغذ تي چنچل ڪلاس جو ماسڪوٽ
  • Stripe — ٿڌڙي شيشي تي نيري مس سان لکيل هڪ حساب ڪتاب
  • Notion — منجهند جي سج ۾ هڪ گرم ڪاغذ جي نوٽ بڪ
  • Hyer Aviation — ڪاڪپٽ ۾ پارچمينٽ مٿان شام. پيلي صبح جو آسمان جسم جي سائيز جي سيريف لوگو سان ملي ٿو، ۽ هڪ گرم مٽيءَ جو تلفظ مونوڪروم پابندي کي ٽوڙي ٿو.