Peak Design
د ګالري دیوال، جزوي روښانه شوی
پیک ډیزاین د ګالري کیفیت سوداګریزه تجربه ده: نږدې مونوکروم کینوس چیرې چې اداریي ټایپوګرافي او د محصول عکس اخیستل ټول کار کوي. سیسټم د ژورو، نږدې تورو تختو سره کرکري سپینې سطحې بدلوي، د پام وړ ویشل شوي ترتیبونه رامینځته کوي چیرې چې په ایټالیک ټایپفیس کې د سیریف سرلیک په یوه اړخ کې او په بل اړخ کې د بشپړ سکرین محصول یا د ژوند طرز عکس ځای په ځای کیږي. ټایپوګرافي د برانډ اصلي غږ دی: د سرلیکونو لپاره یو اوږد، متمرکز، آرائشی سیریف ټایپفیس (د ایکسپوژر په سټایل کې)، د کارونکي انٹرفیس لپاره د غیر جانبدار عجیب ټایپفیس (جیست) سره جوړه شوې، او د لیک، ابرو او تڼیو لپاره یو متمرکز سینز سیریف ټایپفیس (براینټ). انٹرفیس پاک پاتې دی: هیڅ کروماتیک UI عناصر، هیڅ آرائشی تدریجي، هیڅ سیوري نشته - یوازې فرعي پولې، دوه کونج ریډی (4 او 8)، او یو واحد سور تلفظ چې یوازې کله ناکله د ټینګار لپاره کارول کیږي. اجزا د آرائشی په پرتله ډیر فکري ښکاري: پتلی ویشونکي، فلیټ محصول کارتونه، د ګولۍ په شکل فلټرونه، او نه لیدل کیدونکي تڼۍ چې د معمارۍ تشریحاتو په څیر احساس کوي.
د پاڼې بشپړ پلنوالی برخې د سپین او نږدې تور ترمنځ بدیل دي؛ هره برخه د ویو پورټ ټوله پلنوالی نیسي، د برخې په کچه د اعظمي پلنوالی حد نلري. د برخو دننه مینځپانګه د ~1440px اعظمي پلنوالی لري او په مرکز کې ده. د غالب سرلیک نمونه د 50/50 ویش دی: په یوه اړخ کې د متن بلاک (براوز کول + سرلیک + فرعي متن + تڼۍ)، او په بل اړخ کې د بشپړ پلنوالی محصول یا د ژوند طرز انځور. د پوښ لاندې، د محصول گرډ د مساوي پلنوالی محصول کارتونو څلور ستنې کاروي چې د 24-32px سخاوتمند ګټرونه لري. د کټګورۍ فلټر پینلونه د "ګولۍ" په افقي قطار کې د اصلي نیویګیشن لاندې مستقیم موقعیت لري. د برخو تال د برخو ترمنځ د 80px عمودی انډینټیشن سره د رڼا / تیاره پټو بدلولو سره تعریف شوی، د اداری - مجلې تال رامینځته کوي. نیویګیشن یو ثابت پورتنۍ بار دی چې پورته یې یو پتلی اعلان پټه ده.
د محصول عکس اخیستنه د بصري ژبې له پلوه غالبه ده: کڅوړې، کمربندونه، او د کیمرې تجهیزات د ورځني ژوند له شرایطو پرته د خالص سپین شالید په وړاندې عکس اخیستل کیږي، د رڼا سره د موادو جوړښت او د هارډویر توضیحات روښانه کوي. ورځني انځورونه یوازې د بشپړ سکرین اداری برخو کې څرګندیږي (د مثال په توګه، لاسونه په یوه دایره کې کیمرې نیولي) او د ویشل شوي پینل په یوه اړخ کې د ویو پورټ ټوله عرض نیسي. انځورونه په اصلي انځور کې د کونج وړانګې نلري (دوی د څنډو سره فلش دي)، او د کارت انځور کې د کونج وړانګې نشته. هیڅ انځورونه، خلاص ګرافیکونه، د فعال UI شبیهونو پرته د آیکون انځورونه نشته. محصول تمرکز دی — د سټوډیو کیفیت عکسونه، د ثابت زاویو سره، ثابت رڼا، او یو ثابت سپین پس منظر — پداسې حال کې چې UI په شالید کې ورک کیږي، شیانو ته اجازه ورکوي چې د ځان لپاره خبرې وکړي.
پالټ
بې طرفه
- Carbon Ink
#1a211e— د بدن متن، تیاره اړخونه، د بدن متن، عکسونه، په روښانه سطحو کې چوکاټونه - یو نږدې تور رنګ چې د هر سرلیک لپاره اساس په توګه کار کوي او د ویشل شویو برخو تیاره شالید پینلونه جوړوي. - Paper White
#ffffff— د یوې روښانه ملاتړ کوونکې سطحې چې د یوې بې خنډه شالید جوړولو او برخو جلا کولو لپاره کارول کیږي. دا باید د عمل کولو لپاره د لومړني رنګ په توګه ونه کارول شي. - True Black
#000000— هغه عناصر چې اعظمي برعکس لري — په سپینه شالید کې د سرلیک ډکول، د اعلان بار، د فوټر ډیزاین، د جامد آئیکون خاکې — په هغه ځای کې ځای پر ځای کیږي چیرې چې ډیزاین خورا روښانه کرښو ته اړتیا لري. - Obsidian
#0c0c0c— ژور پینل سطحې او د عکس پوښښ - د ریښتیني تور په پرتله یو څه نرم، د تیاره سیمو لپاره کارول کیږي چې د سکرین ټوله سطحه نیسي او باید کلک احساس شي مګر د فلیټ تور په څیر سخت نه وي. - Fog
#eef1f0— د یوې روښانه ملاتړ کوونکې سطحې چې د یوې بې خنډه شالید جوړولو او برخو جلا کولو لپاره کارول کیږي. دا باید د عمل کولو لپاره د لومړني رنګ په توګه ونه کارول شي. - Mist
#e0e0e0— د وېش کرښې، معلول حالتونه، نازک جوړښتي ویشونکي - یو منځنی روښانه خړ رنګ چې په سپین کینوس کې د برخو ترمنځ پولې تعریفوي.
ټایپوګرافي
له ۱۴ څخه تر ۸۰ پکسله پورې · ۶ ګامونه
- Geist — بدیل: Inter · بڼې 400, 600, 700 · اصلي متن، د محصول سرلیکونه، توضیحات، د فورمې ساحې، د لینک متن، او د فوټر مینځپانګه. د فونټ وزن: د اصلي متن لپاره 400، د مهمو ټکو لپاره 600، او د محصول سرلیکونو او مهمو انلاین نوټونو لپاره 700. بې طرفه بې خونده فونټ د ډیسپلی سیرف او کنډینسډ سانز فونټونو ته اجازه ورکوي چې د برانډ سټایل منعکس کړي، پداسې حال کې چې ګیسټ فعالیت او لوستل چمتو کوي.
- Exposure-style serif (Exposure-10) — بدیل: Playfair Display · بڼې 400 · سرلیکونه او اصلي سرلیکونه. په ایټالیک سیریف فونټ کې یو واحد وزن (400) د اداری واک رامینځته کوي — دا کلمې د برانډ ټون ټاکي، په تیاره پینلونو کې چې د پاڼې ټول عرض او د کلیدي برخو په پیل کې پراخیږي په احتیاط سره کارول کیږي. د لیکونو سخت واټن (-0.025em) لوی لیکونه ته اجازه ورکوي چې د سپک وزن پرځای محدود ښکاره شي.
- Bryant-style condensed sans (bryant) — بدیل: Druk Wide · بڼې 700 · د نیویګیشن لیبلونه، د کټګورۍ فلټر تڼۍ، د تڼۍ متن، "ابرو"، د برخې ټګونه، او اضافي سرلیکونه. د مثبت لیکونو فاصلې سره کمپریس شوي لوی توري یو صنعتي، د لیبل په څیر سټایل رامینځته کوي - دا کلمې پیژني او لارښوونه کوي، مګر هیڅکله تشریح نه کوي.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | اوسط |
| اساسي ګام | 24px |
| د تڼۍ وړانګې | 4px |
| د کارت وړانګې | 8px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 80px |
| د پاڼې پلنوالی | 1440px |
AI به ستاسو ویب پاڼه په Peak Design سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- Arsenijs Fabrica — د اداریي منځپانګې ذاتي ښکلا د ګالري څراغونو لاندې څرګندیږي. د ګالري روښانه سپین دیوالونه، د مونوکروم پس منظر په وړاندې د نارنجي رنګ یو واحد ګرم سټروب رڼا، د شیشې پتلی ډول، او د سپینې ځای کثرت.
- 21 TSI — یو سور رنګه تشه، یو واحد سیلویټ - یو لوړ فیشن ایډیټوریل چیرې چې د کارونکي انٹرفیس په فضا کې منحل کیږي.
- Aevi Wellness — د سکینډینیوینیا درمل جوړونکي سټایل، بې وزنه ټایپوفیس. یو خاموش خړ-آبي تلفظ د اداری موادو ټولیز غیر رنګه، هوا لرونکی ترتیب ماتوي، چیرې چې د محصول عکسونه د ګرم سپین شالید په وړاندې په نري سرحد لرونکي کارتونو کې لوړ شوي دي.
- Palmer — د ورځې په نرمه رڼا کې د سیرامیک ګالري - تعامل د دیوال سره ترسره کیږي، او شیان هنر دي.
- PLATFORM — د سپینې کیوب ګالري تر رڼا لاندې
- Assembly Coffee London — په تیاره روسټري کې سکاره. نږدې تور کینوس چې ګرم، تیاره رڼا لرونکي محصول عکسونه او د سیریف خطونه لري - د شپې په سمیزدات کې چاپ شوي د ځانګړي کافي مینو احساس.
- ARTWORLD — د سپینو کتان په اړه د فیشن مجلې سرلیک
- Structured — د پلاستيکي کاغذ په څېر د رنسانس ګالري
- Airbnb — د مرجان سره یو واحد بک مارک سره یو خاموش سپین ګالري دیوال
- VISIONNAIRE — د سړک د جامو اداری ګالري په روښانه سپین پس منظر کې. دا برانډ د چاپ شوي لید کتاب په څیر چلند کوي: یو فلیټ سپین کینوس، روښانه تور رنګ، او یو واحد ګرم کریم پینل چې د محصول یا لوګو ښودلو لپاره د رنګ بلاک په توګه کارول کیږي.
- Letter — یوه شخصي ګالري چې د ذخیرې څخه ځلیدونکي اثار پکې ښودل شوي. د تور دیوال نندارتون ځای چیرې چې د ګالري رنګ شوي دیوالونو کې د کروم مجسمو څخه پورته سیریف شوي سرلیکونه تیریږي.
- Ramp — د اداریې مالي څانګه، تور او سپین پاڼې د یو واحد نیون مارکر سره. د خپرونې عملي مونوکروم سطحه، چیرې چې یو روښانه شین رنګه سټروک هر تعامل په مالي سیګنال بدلوي.