Dub
د لینک میټ وریجو کاغذ کنټرول پینل
د ډوب بصري سیسټم یو محدود، تقریبا اداری SaaS جمالیات لري: یو نږدې سپین کینوس چې د خپریدونکو عناصرو پرځای د پتلو سرحدونو لخوا یوځای ساتل شوی، د ګڼ مونوکروم ټایپوګرافي سره چې ساختماني ملاتړ چمتو کوي او یو واحد روښانه نیلي رنګ (#2563eb) بیان ورکوي. سطحې په لومړي نظر کې فلیټ او بې چوکاټه پاتې کیږي، مګر هر کانټینر 1px #e5e5e5 حاشیه لري، چې د چاپ شوي سند احساس راپاروي. شخصیت د رنګ شوي "ګولۍ" تلفظونو (نارنج، شنه، ارغواني) د یوې کوچنۍ سیټ له لارې ترلاسه کیږي چې د بې طرفه پیلټ څخه پورته تیریږي، او سرلیکونه چې پرته له چمکۍ څخه ډاډمن او عصري احساس کوي. اجزا کمپیکٹ او ګڼ دي: 8px ګټرونه، 12px کارت ریډیس، د ګولۍ په شکل لیبلونه په 9999px کې، او د درنو، ډکو تڼیو پرځای غیر مرئی کنټرولونه.
دا پاڼه په یوه متمرکز ترتیب باندې جوړه شوې ده چې اعظمي عرض یې شاوخوا ۱۲۰۰ پکسله دی. اصلي عنصر یو متمرکز متن بلاک دی چې درې تیرونکي عناصر لري (ملګري پروګرامونه، د تبادلې تحلیلونه، لنډ لینکونه) چې په افقي ډول د لوی محصول ترتیب څخه پورته موقعیت لري. برخې په عمودي ډول د 64px متقابل ګټرونو سره تنظیم شوي، د سپینې کینوس او #f5f5f5 کاغذ غبار ترمنځ د ټونال جلا کولو لپاره بدیل کیږي. ښکته برخه د Z شکل لرونکي ترتیب کاروي: اداری متن په مینځنۍ دریمه برخه کې متمرکز دی، او تیرونکي UI کارتونه په کیڼ او ښیې حاشیو کې لنگر شوي، یو غیر متناسب، د مجلې په څیر تال رامینځته کوي. د لوګو کلاوډ یو ساده 5x2 گرډ دی، چې په پاڼه کې متمرکز دی. نیویګیشن یو لږترلږه پورتنۍ بار دی — په کیڼ اړخ کې لوګو، په مرکز کې نیویګیشن، په ښي خوا کې د دوو تڼیو یوه ډله (د روح "ننوتل" تڼۍ + ډک شوی "راجستر" تڼۍ) پرته له ثابت یا میګا مینو. د اصلي کړکۍ د ډشبورډ ترتیب د دوه کالمونو کلاسیک اپلیکیشن ترتیب ښیې: یو ثابت اړخ پټه (د 240px سره ورته) + د مینځپانګې ساحه چې د لیدونکو لپاره د سکرول کولو پیل کولو دمخه د محصول معلوماتو کثافت تعریفوي.
بصري انځورونه په محصول متمرکز دي، نه د ژوند طرز متمرکز. اصلي سکرین د لوی ډشبورډ سکرین شاټ باندې متمرکز دی، چې د سایډ بار نیویګیشن، ډیټا جدول، او د فلوټینګ UI عناصرو سره د ریښتیني نړۍ محصول موک اپ استازیتوب کوي، چې په سپین کینوس کې د فلیټ پینل په توګه ایښودل شوی. د مراجعینو لوګو په یوه غیر مشبوع شوي خړ پیمانه ګریډ (بیهیو، سوپر پاور، چیټبیس، او نور) کې ښودل شوي ترڅو د دوی د ټولنیزو رسنیو فعالیت ومني، رنګ لرې شوی ترڅو د پاڼې واحد نیلي تلفظ غالب پاتې شي. د فلوټینګ ملګري کارتونه (کوچني پروفایلونه او ټایلونه د عاید / تادیې معلوماتو سره) په ښکته کې د اداری متن بلاکونو شاوخوا حرکت کوي، په متن کې د سیوري کارولو پرته د ژوروالي احساس رامینځته کوي. د نقطو شوي گرډ شالید نمونه د لاسلیک ځانګړتیا ده: د خورا ټیټ شفافیت سره د کوچنیو نقطو یوه پتلی قطار جوړښت او د ډیزاین سیسټم / انځور کولو سطح احساس رامینځته کوي، د "عصري لینک انتساب پلیټ فارم" په توګه د سایټ موقعیت ټینګار کوي. عکس العمل لږترلږه دی، د بڼو او ډکونو سره، او د فیچر ټګونو لپاره د تلفظ پیلټ (ټینجرین نارنجي، لیوینډر ارغواني، نعناع شنه) کاروي. هیڅ عکسونه، انځورونه، یا درې بعدي ماډلونه نه کارول کیږي — د محصول د کارونکي انٹرفیس پخپله یوه بصري ژبه ده.
پالټ
برانډ
- Electric Blue
#2563eb— د برانډ اصلي رنګ - لوګو، لینکونه، د فعالیت کلیدي شاخصونه، فعال حالتونه، او د آیکون تلفظونه - کارول کیږي. په سپینه پس منظر کې یو بډایه نیلي د سیسټم یوازینۍ بصري اپیل رامینځته کوي. - Deep Sapphire
#1e40af— د عمل تڼۍ اصلي شالید، د عمل کولو غږ - یوازینی رنګ چې عمل ښیي - د پام راجلبولو لپاره په کمه اندازه کارول کیږي.
بې طرفه
- Canvas White
#ffffff— د پاڼې شالید، د کارت سطحه، د پاپ اپ پینلونه د هرې سکرین مطلق بنسټ دی. - Paper Mist
#f5f5f5— د نیسټ شوي کارتونو، اضافي پینلونو، او ډکونو لپاره د هور رنګ نرم بدلونونه. - Ash
#e5e5e5— په کارتونو، ان پټ نښلونکو او ویشونکو کې نري پولې هغه ساختماني کرښه ده چې سیسټم یوځای ساتي. - Smoke
#d4d4d4— د ټاکل شویو کانټینرونو او اضافي تڼۍ بڼو لپاره تیزې پولې. - Pebble
#c8c8c8— پولې، د کنټرول خاکې، او ساختماني ویشونکي د منځني برعکس سره. دا رنګ باید د عمل کولو لپاره د لومړني رنګ په توګه ونه کارول شي. - Midnight Ink
#0a0a0a— د تڼیو اصلي متن، روښانه شوي تڼۍ، او د نیویګیشن متن د اعظمي برعکس لپاره تقریبا تور دي.
ټایپوګرافي
له ۱۱ څخه تر ۴۸ پکسله پورې · ۹ ګامونه
- Satoshi — بدیل: Inter (weight 500 · بڼې 500 · د ښودلو سرلیکونه - یوازې د سرلیک او برخې سرلیکونو لپاره په 36-48px کرښو کې کارول کیږي. د فونټ وزن - 500 (منځنی، نه زړور): سرلیکونه ډاډمن او عصري ښکاري، مګر هیڅکله غالب نه کیږي. د ساتوشي جیومیټریک تناسب ټایپفیس ته یو څه اداری، عصري احساس ورکوي چې د انټر د بدن کاپي نشي کولی نقل کړي.
- Inter — بدیل: Inter (native) · بڼې 400, 500, 600 · د بدن کاپي، د UI لیبلونه، نیویګیشن، فرعي سرلیکونه، او کوچني سرلیکونه. انټر لومړنی کاري هارس دی، د 11px مایکرو لیبلونو څخه تر 30px ثانوي سرلیکونو پورې هرڅه اداره کوي. د بدن کاپي لپاره 400 وزن ډیفالټ دی، 500 د روښانه شوي عناصرو او تڼۍ لیبلونو لپاره، او 600 د مهمو UI لیبلونو لپاره ساتل شوی دی. 16px د 1.5 کرښې لوړوالی سره ترټولو ډیر مخ کیدونکی واحد ګام اندازه ده (1220 پیښې)، دا تاییدوي چې 16px د کانونیکي بدن کاپي اندازه ده.
- Geist Mono — بدیل: JetBrains Mono or IBM Plex Mono · بڼې 400, 500 · د کوډ ټوټې، تخنیکي میټاډاټا، او ایمبیډ شوي مونوسپیسډ ټوکنونه د کوډ بلاکونو کې د 12-14px او په لوی کوډ ښودلو عناصرو کې د 24px په اندازه کارول کیږي. دا د پراختیا کونکي وسیلې اعتبار تضمینوي، د ډوب د محصول موقعیت سره سم.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | اوسط |
| اساسي ګام | 8px |
| د تڼۍ وړانګې | 8px |
| د کارت وړانګې | 12px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 64px |
| د پاڼې پلنوالی | 1200px |
AI به ستاسو ویب پاڼه په Dub سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- ElevenLabs — د عکس مقاله په ګرمو کریمي رنګونو کې د نازکو سرلیکونو سره. د باهوس سټایل نوټ بوک - د هګۍ د خولۍ رنګ کاغذ، تور رنګ، او د محصول د نندارې لپاره یو واحد ارغواني او نارنجي تلفظ.
- Awesomic — د نارنجي ټکي نښو سره د اداری زنک میش چې د کنفټي یادونه کوي
- Monad — د ګرمو پوستکو په اړه د تخنیکي مجلې اداریه
- Seline Analytics — په ګرم کاغذ باندې یو خاموش تحلیلي میز
- Notion — د غرمې په لمر کې د ګرم کاغذ کتابچه
- Anthropic — د ګرمو ویلم په اړه یو ساینسي ساحوي ژورنال — د عاج آرامه سطحې، سیریف شوي اداری سرلیکونه، او یو واحد خټې تلفظ چې یوازې هغه وخت څرګندیږي کله چې عمل ته اړتیا وي.
- Calendly — په سړه مرمر باندې تیاره نیلي رنګ
- Augen Pro — د ایپل سپین پریزنټشن په یوه مونوکروم ځای کې د یوازینۍ تلفظ په توګه کلینیکي، بې وزنه، بریښنایی نیلي رنګ وړاندې کوي.
- Antimetal — په کریم کاغذ کې یوه اداریه کیسه - په یوه ساینسي ژورنال کې یوه خاموشه سهار، چیرې چې زغم باور څرګندوي او سیرفونه دروند کار کوي
- Perk — په ګرمو پارچمنټ کاغذ باندې برقي لیمو
- Ditto — د لمر وړانګو ورکشاپ چې د ځنګلي ګلونو نمونې جوړوي. ګرمې کریمي سطحې، یو متحرک ژیړ اساس رنګ، ژور سمندري نیلي رنګ، د ټوټې تر شا د عضوي رنګ بڼې غوړیږي.
- Officevibe — په ګرم کریم رنګ کاغذ باندې یوه اداری مجله. د HR مدیریت په اړه یوه فکري مقاله تصور کړئ، چې د محصول په توګه وړاندې کیږي - یو کرسیو سیریف فونټ چې د عصري نیلي انٹرفیس له لارې غږیږي.