Apple
یوه سپینه کوټه د یو واحد نیلي سویچ سره
د ایپل ډیزاین د زغم یوه نمونه ده: نږدې سپین کینوس، پراخه سپینه ځای، او یو واحد، متحرک نیلي تلفظ چې هر عمل قصدي احساسوي. لومړنی تمرکز ټایپوګرافي ده — SF پرو، د منفي لیکونو فاصله سره چې د اندازې زیاتوالي سره کمیږي، سرلیکونه د ډیر دروند کیدو پرته د معمارۍ روښانه کول ورکوي. محصول ډیزاین دی: د محصول لوی عکسونه او د ژوند طرز عکسونه غالب دي، پداسې حال کې چې د کروم عناصر په پتلو چوکاټونو، شفاف نیویګیشن، او فرعي لیکو کې بیرته راګرځي. برخې د پروموشنل موادو لپاره د بشپړ رنګ بلاکونو سره د سپک خړ شالید په وړاندې بدیل کیږي، د سینګار عناصرو پرځای په پیمانه کې د بدلونونو له لارې تال رامینځته کوي.
د پاڼې ترتیب یو بشپړ پلنوالی لرونکی پاڼه ده چې هیڅ ټاکل شوی اعظمي کانټینر پلنوالی نلري — برخې له څنډې څخه تر څنډې پورې غځیږي، د متن بلاکونه شاوخوا 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— د فوټر متن، د لیست پولې، د نیویګیشن پولې، خاموش شوی د بدن متن - د هغه مینځپانګې لپاره یو متوسط خړ رنګ چې باید شتون ولري مګر څرګند نه وي.
ټایپوګرافي
له ۱۲ څخه تر ۵۶ پکسله پورې · ۸ ګامونه
- SF Pro Display — بدیل: Inter · بڼې 400, 600, 700 · سرلیکونه او لوی متن — ۴۰ پکسله+ اندازې د تنګ اپرچر او قوي منفي تعقیب لپاره د ښودلو بڼه کاروي؛ ۷۰۰ د اعلاناتو ترتیبونو لپاره ساتل شوي دي، او ۴۰۰ د اداریي منځپانګې کې د محصول نومونو لپاره دي.
- SF Pro Text — بدیل: Inter · بڼې 300, 400, 600 · د بدن متن، نیویګیشن، تڼۍ، فرعي سرلیکونه — کاري فونټ؛ د بدن متن لپاره ۴۰۰، د فرعي سرلیکونو او وړ لیبلونو لپاره ۳۰۰، د نیویګیشن عناصرو او د تڼۍ متن لپاره ۶۰۰؛ د منفي لیکونو واټن د اندازې سره په متناسب ډول کمیږي (له -0.022em څخه تر 12px پورې -0.01em څخه تر 44px پورې).
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | اوسط |
| اساسي ګام | 12px |
| د تڼۍ وړانګې | 980px |
| د کارت وړانګې | 8px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 64px |
| د پاڼې پلنوالی | 1440px |
AI به ستاسو ویب پاڼه په Apple سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- Ui — کلینیکي پلان په میټ کاغذ باندې
- ElevenLabs — د عکس مقاله په ګرمو کریمي رنګونو کې د نازکو سرلیکونو سره. د باهوس سټایل نوټ بوک - د هګۍ د خولۍ رنګ کاغذ، تور رنګ، او د محصول د نندارې لپاره یو واحد ارغواني او نارنجي تلفظ.
- monopo saigon — د اداریې چوپتیا تر شا یو مایع، ځلیدونکی ځلا — یوه مونوکروم اداری ګالري چې په ویلې شوې رڼا کې تیریږي
- Awesomic — د نارنجي ټکي نښو سره د اداری زنک میش چې د کنفټي یادونه کوي
- Monad — د ګرمو پوستکو په اړه د تخنیکي مجلې اداریه
- Dub — د لینک میټ وریجو کاغذ کنټرول پینل
- Seline Analytics — په ګرم کاغذ باندې یو خاموش تحلیلي میز
- Ventriloc — په ګرم کاغذ باندې د معلوماتو یوه اداریه څارنځای - یو واحد نارنجي رنګ چې د مونوکروم دقیقیت روښانه کوي
- Duolingo — په سپین کاغذ باندې د لوبو وړ ټولګي ماسکوټ
- Stripe — د حساب کتاب چې په یخ شوي شیشه باندې په نیلي رنګ لیکل شوی
- Notion — د غرمې په لمر کې د ګرم کاغذ کتابچه
- Hyer Aviation — په کاکپیټ کې ماښام د چرم په سر. د سهار رنګه اسمان د فیوزلیج په اندازه د سیریف لوګو سره مخ کیږي، او یو واحد ګرم خټې تلفظ د مونوکروم محدودیت ماتوي.