Ui
کلینیکي پلان په میټ کاغذ باندې
shadcn/ui د مونوکروم ډیزاین سیسټم رامینځته کولو لپاره ورکشاپ دی: یو پاک سپین کینوس، نرم ګرم خړ سطحې، او لوی شعاع کارتونه چې په خورا نازکو سرحدونو کې موقعیت لري. انٹرفیس تقریبا په بشپړ ډول اکروماتیک دی - تور متن، سپینې سطحې، خړ ثانوي ټونونه - د یو واحد، ګډوډونکي سور رنګ سره چې د غلطۍ حالتونو لپاره ساتل شوی او بل هیڅ نه. ټایپوګرافي د ګیست جیومیټریک بې طرفۍ باندې تکیه کوي چې په سکرینونو کې د لیک لوړوالی سخت دی، یو ارام، کوډ په څیر احساس رامینځته کوي چې د مصرف کونکي محصول په پرتله د پراختیا کونکي زیربنا په څیر احساس کوي.
لږترلږه انځورونه - سیسټم تقریبا په بشپړ ډول د کارونکي انٹرفیس څخه جوړ دی. هیڅ کلیدي عکسونه، انځورونه، یا آرائشی ګرافیکونه نشته. د محصول ډیمو په یوه ګریډ کې د اجزاو ماډلونو (کارډونو، ان پټ ساحې، تڼۍ) په توګه وړاندې کیږي، چې د اسنادو او بصري مینځپانګې په توګه کار کوي. شبیهونه پتلي جیومیټریک کرښې دي (احتمالا د لوسایډ څخه پور اخیستل شوي) په #0a0a0a یا #737373 کې 1.5-2px ضخامت لري، چې د فعال اشارو په توګه لږ کارول کیږي. بصري ژبه پخپله د UI اجزا دي - پاڼه د ژوند سټایل لارښود په توګه کار کوي، چیرې چې هر لیدل شوی عنصر د لیدلو وړ ډیزاین عنصر دی.
پالټ
بې طرفه
- Canvas
#f5f5f5— د پاڼې شاليد، خاموشه سطحه ډکول، اضافي تڼۍ. - Paper
#ffffff— د کارت سطحې، د پاپ اپ شالیدونه، د لومړني تڼۍ ډکول - Surface Alt
#fafafa— د اړخ پټې شالید، د کارت غیر مداخله کوونکی اختیار، د ننوتلو ساحې بې کاره حالت. - Ink
#0a0a0a— اصلي متن، سرلیکونه، د تڼۍ لیبلونه، د آیکون بڼې. - Ink Soft
#171717— د تڼۍ شاليد انځورونه د ډکولو سره، په روښانه سطحو کې اضافي متن. - Mid Gray
#737373— اصلي متن، د ځای ساتونکي متن، مرستندویه لیبلونه، او په آرامۍ کې د آیکون ډکول ټول خاموش دي.
ټایپوګرافي
له ۱۲ څخه تر ۴۸ پکسله پورې · ۸ ګامونه
- Geist — بدیل: Inter · بڼې 400, 500, 600 · د انٹرفیس ټول متن — د بدن متن چې د کرښې وزن یې ۱۴ پکسله/۴۰۰ دی، سرلیکونه چې د کرښې وزن یې ۲۴-۴۸ پکسله/۶۰۰ دی، او تڼۍ چې د کرښې وزن یې ۱۳-۱۴ پکسله/۵۰۰ دی. د ګیسټ هندسي لیک بڼې او یونیفورم لیک وزن د پراختیا کونکي وسیلو لپاره یو بې طرفه احساس رامینځته کوي؛ د ۶۰۰ لیک وزن چې د ۴۸ پکسله لیک فاصله او -۰.۰۵ ایم لیک فاصله لري روښانه، باوري سرلیکونه ډاډمن کوي چې د ترمیم پرځای فکري ښکاري.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | ګڼ |
| اساسي ګام | 8px |
| د تڼۍ وړانګې | 18px |
| د کارت وړانګې | 24px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 48-80px |
| د پاڼې پلنوالی | 1280px |
AI به ستاسو ویب پاڼه په Ui سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- Ventriloc — په ګرم کاغذ باندې د معلوماتو یوه اداریه څارنځای - یو واحد نارنجي رنګ چې د مونوکروم دقیقیت روښانه کوي
- Geniestudio — د ورځې د رڼا یو نرم نوټ بوک — هغه ډول چې پراخې څنډې او د قلم یو غټ ټکان لري
- xAI — د تورې ګولۍ سره ګرم کریم لابراتوار
- Cal — مونوکروم عملي والی، یو انساني چلند. یو سیسټم چې د تور او سپین رنګ د سخت پیلټ له لارې وضاحت او فعالیت ته لومړیتوب ورکوي، مګر د دوستانه ټایپوګرافۍ او ګرد شکلونو سره یې نرموي.
- Scale — د لوړ کیفیت لرونکي موزیم کیفیت لرونکي عکسونو لابراتوار چې د تخنیکي پروژې سره یوځای شوی
- Contractbook — د الټرا میرین اسمان لاندې د کریم کاغذ قراردادونه
- AutoSend — د ډبرو یو آرامه سټوډیو چې یو واحد ارغواني رڼا لري — چیرې چې د سیریف سرلیکونه او روښانه انډیګو د عمل غږونه په یوه خاموشه، تقریبا سپینه فضا کې یوځای شتون لري.
- Air — مجسمه "د شیشې له لارې د نیمې شپې اسمان"
- SpatialChat — په سپینه پوستین باندې ارغواني نبض
- Squarespace — د سینمايي مونوکروم ګالري
- Giga — د یخ وهلي ابسیډین په سر د نیمې شپې افق
- Supabase — په نیمه شپه کې د کوډ ایډیټر د فاسفورسنټ شنه نقطې سره - د ډبرو سکرو دوړو په سمندر کې یو واحد کروماتیک نبض