Superlist
د شپې کاري ځای چې مرجاني انګور لري — د بینگن د اپلیکیشن یوه خاموشه سطحه چیرې چې یو ګرم نارنجي څراغ د هر عمل نښه کوي
سوپر لیست د نیمې شپې ارغواني رنګونو کې د تولید ژبه کاروي: ژور بینگن، ګرم مرجان د یوازیني لومړني رنګ په توګه، او لوی سینز سیریف سرلیکونه چې ټوله فضا نیسي. انٹرفیس د شپې ناوخته متمرکز کار احساس راپاروي — خاموش، پرت شوی، او ډاډمن، رنګ یوازې د عمل کولو، فعال حالتونو او کلیدي ټکو په اړه د فعال ټکي په توګه کارول کیږي. سطحې په فرعي تیاره ټونونو کې د ارغواني انډرټون سره پرت شوي دي (#181824 → #26253b)، د خالص تور څخه ډډه کول ترڅو ډاډ ترلاسه شي چې ژوروالی د جراثیم پرځای ګرم احساس کوي. اجزا سخاوتمند ګرد شکلونه (20px کارتونه، د ګولۍ تڼۍ)، نرم سیوري، او د سخت گرډونو پرځای د آرامۍ 10-16px تشو له لارې "ساه اخیستل" وړاندې کوي. د سرلیک غږ هرڅه دي: د 600-پوائنټ وزن په 70-88px کې د -0.02em د سخت لیک فاصله سره متن د UI پرځای د ټایپوګرافیک په توګه چلند کوي — دا د SaaS په پرتله د اداری کاپي ته نږدې دی.
تیاره برخې د پاڼې په ټوله عرض کې شاملې دي، د مرکز، اعظمي عرض لرونکي منځپانګې کانټینرونو سره. اصلي برخه په عمودي ډول متمرکزه ده او سرلیک، فرعي متن، او د عمل غوښتنه (CTA) لري، وروسته د محصول لوی سکرین شاټ د بلې برخې سره یوځای کیږي. ورپسې برخې د مرکز متن بلاکونو او کارت گرډونو ترمنځ بدیل کیږي. د بیاکتنې برخه د بیاکتنې کارتونو او 16 ګټرونو سره د درې کالم گرډ کاروي. نیویګیشن یو واحد پورتنۍ بار دی چې په کیڼ اړخ کې لوګو لري، مرکز لینکونه، او په ښي خوا کې د ننوتلو کړنې - هیڅ ثابت اړخ پټه یا میګا مینو نشته. د برخو ترمنځ ګټرونه سخاوتمند دي (16 ګټرونه)، د محصول د ګڼې ګرډ پرځای یو پراخه، اداری تال رامینځته کوي.
بصري ځای د محصول سکرین شاټونو لخوا تسلط لري — یو لوی چوکاټ چې ګرد کونجونه لري، د اپلیکیشن اصلي انٹرفیس ښیې، اصلي او ثانوي برخې ډکوي. عکسونه لږترلږه دي، یوازې د کارونکي اوتارونو یا د اپلیکیشن میډیا د مخکتنې په توګه کارول کیږي (د مثال په توګه، د محصول موک اپ په ښي پینل کې د کنسرټ عکس). د باور بار کې لوګو فلیټ، خاموش سپین متن سمبولونه دي. هیڅ آرائشی انځورونه شتون نلري، هیڅ خلاص ګرافیکونه شتون نلري، هیڅ 3D رینډرونه شتون نلري. بصري ستراتیژي دا ده چې محصول په پیمانه وښیې، پریږدئ چې ټایپوګرافي احساساتي کار وکړي، او مرجان د یوازینۍ تلفظ رنګ په توګه وکاروي.
پالټ
برانډ
- Coral Ember
#ff4a36— نارنجي رنګ د سينګار جزئياتو او د نادرو اشارو د روښانه کولو لپاره د ثانوي تلفظ په توګه کارول کیږي. دا باید د عمل کولو لپاره د لومړني رنګ په توګه ونه کارول شي.
بې طرفه
- Aubergine Canvas
#181824— د پاڼې شاليد، چې اصلي کینوس دی، یو ګرم، تیاره سیوري دی چې خالص تور ځای نیسي، چې د کارونکي انٹرفیس د فلیټ پرځای پرت لرونکی ښکاري. - Elevated Plum
#26253b— د کارت سطحې، د ننوتلو ساحې، د نیویګیشن کانټینرونه - د کینوس په پرتله یو ګام اسانه دی چې د لیدلو وړ سرحد پرته ژوروالی رامینځته کړي. - Pure White
#ffffff— اصلي سرلیکونه، د تڼۍ متن، او د آیکون بڼې - په تیاره کینوس کې اعظمي برعکس. - Fog Text
#696f81— اصلي متن، ثانوي سرلیکونه، او خاموش شوي سرحدونه - د بینگن رنګ لرونکي شالید په وړاندې د آرامۍ لوستلو لپاره د 7:1 برعکس تناسب. - Ash Text
#8e8da0— د ثانوي UI عناصرو، ویشونکو، او خاموش لیبلونو لپاره یو بې طرفه رنګ ملاتړ کیږي. دا باید د عمل کولو لپاره د لومړني رنګ په توګه ونه کارول شي. - Mist Highlight
#a3a3a7— نازکې پولې، ویشونکي، او غیر فعال نیویګیشن عناصر یو نازک بې طرفه ټون رامینځته کوي چې لاهم د کینوس په وړاندې ولاړ دی.
ټایپوګرافي
له ۱۲ څخه تر ۸۸ پکسله پورې · ۹ ګامونه
- sans-serif — بدیل: Inter · بڼې 400 · sans-serif - په استخراج شوي معلوماتو کې موندل شوی مګر د AI لخوا نه دی تشریح شوی.
- Haffer XH SemiBold — بدیل: Inter Tight · بڼې 400, 600 · د ښودنې او سرلیکونو لپاره اصلي فونټ. دا د اتل سرلیکونو لپاره د 70-88px په اندازه کارول کیږي چې د لیکونو فاصله -0.02em او وزن یې 600 دی. د لیکونو تنګ واټن او د لیکونو لوی لوړوالی سرلیکونو ته اداری وزن ورکوي، چې تیاره انٹرفیس د ډشبورډ په پرتله د مجلې پوښ په څیر ښکاري. په بولډ وزن کې د انټر ټایټ یا جنرال سینز سره بدل کړئ.
- Jersey 10 — بدیل: Anybody · بڼې 400 · د تلفظ شمېرو او لوړ غږونو لپاره یو لوی، زینتي فونټ. د ټایپوګرافیک تلفظونو جوړولو لپاره په خورا لویو اندازو کې په کمه اندازه کارول کیږي. د انیبي یا کابینې ګروټسک سره بدلیدلی شي.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | اوسط |
| اساسي ګام | 10-16px |
| د تڼۍ وړانګې | 100px |
| د کارت وړانګې | 20px |
| سیوري | نرم سیوري |
| د برخو ترمنځ | 80px |
| د پاڼې پلنوالی | 1200px |
AI به ستاسو ویب پاڼه په Superlist سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- DNA — د نیمې شپې څارګریزه سیمه لکه څنګه چې د ذراتو لینز له لارې لیدل کیږي
- Abetterlou — په سیډل چرم کې سپارکونه - یو ګرم کریمي فونټ چې د ژورې کافي - تورې شالید په وړاندې ځلیږي، د امبر - سرو زرو تڼۍ سره چې د ګرم فلز په څیر احساس کوي چې په پاڼه کې فشار شوي وي.
- Galileo-ft — د ژورې فضا قوماندې ډیک د بریښنایی نیلي سیګنالونو سره
- Decide AI — په نیمه شپه کې د څارنې ځای - د نعناع سیګنال
- Redis Agency — د اداری ورکشاپ، چې د ساعتونو وروسته پرانیستل کیږي، یو تیاره ځای دی چیرې چې د برانډینګ ټول کار د سیرف فونټونو او یو واحد سور مولی لخوا ترسره کیږي.
- Spellbook — د نیمې شپې محکمه چې د مرجان رنګ سره روښانه شوې ده — یوه تیاره اداریه سطحه چیرې چې یوازینی غږ د ګرم نارنجي قلم سټروک دی
- Linear — د شپې د دقیقیت وسیله
- Origin Financial — د نیمې شپې یوه خاموشه او شتمنه ګالري. یوه ارامه، تقریبا تیاره خونه چیرې چې لوی سیریف فونټونه او یو څو روښانه رنګین تختې دا احساس رامینځته کوي چې مالي چارو د هنر یو په احتیاط سره تنظیم شوی کار دی.
- Hyperstudio — ډیزاین په اوبسیډین کې سکریچ شوی دی. متن او ښې کرښې د خالص تور سپین ځای چوکاټ کوي، کله ناکله د سرو زرو کمپاس نښې سره چې لاره ښیي.
- Air — مجسمه "د شیشې له لارې د نیمې شپې اسمان"
- Raycast — د نیمې شپې د قوماندې مرکز، کورل نیون
- dope.security — د نیمې شپې ټرمینل د ارغواني څراغونو سره