Figma
د کروماتیک ګډوډۍ لپاره مونوکروم چیسس
انٹرفیس د یو سخت، لوړ برعکس جوړښتي کانټینر په توګه کار کوي، چې د کارونکي لخوا تولید شوي مینځپانګې ته بشپړ بصري تسلط ورکوي. اساس یو سخت #000000 څخه #ffffff پیلټ دی، کوم چې د لومړني سرحدونو او متن لپاره د مطلق اعظمي برعکس په ګټه د خړ رنګ فرعي سیوري پریږدي. د ټایپوګرافیک درجه بندي تقریبا په بشپړ ډول د رنګ توپیرونو پرځای د اندازې او تیریدونکي منفي لیکو واټن پراساس ده، د متن لویې کرښې په ګرافیک بلاکونو کې بدلوي. د سرحد وړانګو منطق یو سخت دوه ګونی جوړوي: د نړیوال نیویګیشن عناصرو لپاره 50px بهرنۍ "ناخونه" په قصدي ډول د مینځپانګې کانټینرونو د سخت 0px کونجونو سره متضاد دي.
ترکیبونه د خورا اعظمي-پلنوالي سرحدونو (1440px اعظمي) پر بنسټ والړ دي چې د ویوپورټ مرکز کوي او د مینځپانګې ګڼ کلسترونه پکې شامل دي چې د لوی میکرو فضا لخوا جلا شوي (د برخو ترمنځ د سپینې فضا 96-120px). د "هیرو" آرکیټایپ ډیری وختونه د عکسونو غیر متناسب ګالري کاروي چې په متحرک ډول د تیرونکي، په بشپړ ډول متمرکز UI بلاک لاندې لنگر شوي. د فولډ لاندې، معلومات سمدلاسه د سخت څلور کالم گرډ سره سمون لري پرته له حاشیو، د کارتونو تکراري کلسترونو چوکاټ کول، د شیانو کثافت اعظمي کول پداسې حال کې چې له چوکاټ څخه حاشیې له مینځه وړي.
بصري ډیزاین د کارونکي متمرکز پایلو پراساس دی. انځورونه د فلیټ، بې چوکاټه مربعونو یا ویشل شوي، متقابل ټوټو په توګه ښودل کیږي، د فزیکي شیانو یادونه کوي، د یو سخت، خالي شالید په وړاندې. انځورونه په ویب پاڼه کې د رنګ یوازینۍ سرچینه ده. د ژوند طرز عکس اخیستنې عناصر یا معیاري کارپوریټ انځورونه شتون نلري - هر ګرافیک عنصر د ډیجیټل کینوس دقیق، لفظي سنیپ شاټ دی، چې په ورته وخت کې د محصول ثبوت او لومړني جمالیاتي عنصر په توګه کار کوي.
پالټ
برانډ
- Context Action Violet
#4d49fc— د فرعي پینلونو دننه د عمل لپاره ځایی شوی لومړني زنګ - یو واحد مداخله کونکی رنګ د مرکزي نقطې تعریف کوي.
بې طرفه
- Absolute Canvas
#ffffff— د پاڼې شاليد، لامبو وهونکي اوزار بارونه، پورته شوي پینل بیسونه. - Structural Ink
#000000— اساسي فونټ، د تڼۍ کلک شالید، د تڼۍ بڼې. - Graphite Metadata
#595959— د لیکوالۍ ثانوي متن، ځایي فرعي متن، د ځای ساتونکي ارزښتونه - Boundary Frame
#e2e2e2— فرعي جلا کوونکي او غیر فعال ان پټ ساحې سرحدونه. - Angular Teal
#33dfdf— د سينګار اغېزې، د بارولو شاخصونه او د کرسر فعاله ليدلوری.
ټایپوګرافي
له ۱۲ څخه تر ۷۲ پکسله پورې · ۶ ګامونه
- figmaSans — بدیل: Inter · بڼې 320, 330, 340, 400, 450, 480, 520, 700 · یو څو اړخیزه وسیله چې د ښودنې سرلیکونو څخه نیولې تر نیویګیشن لیبلونو پورې هرڅه اداره کوي. دا د نظري منفي تعقیب بدلولو سره یو ځانګړی لید رامینځته کوي.
- figmaMono — بدیل: JetBrains Mono · بڼې 400 · مایکرو ټګونه، همغږي تعقیب، او تخنیکي څرګندونې چې د مینځپانګې په پرتله د کارونکي انٹرفیس عناصرو په توګه ډیر کار کوي.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | ګڼ |
| اساسي ګام | 24px |
| د تڼۍ وړانګې | 8px |
| د کارت وړانګې | 12px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 96-120px |
| د پاڼې پلنوالی | 1440px |
AI به ستاسو ویب پاڼه په Figma سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- Caldera — په ګرمو چونې ډبرو باندې اور ولګوئ. کینوس خام، ګرم پلستر دی، او هر نارنجي عنصر د اور لګیدونکي انګورو په څیر ښکاري چې په سطحه فشار شوي وي.
- Vercel — ټرمینل په سپین کاغذ چاپ شوی
- Dylanbrouwer — د لمر لوېدو پر مهال د وحشي فابریکې
- Headspace — په ګرم کاغذ باندې د لمر وړانګې لرونکی روغتیایی کونج
- WHOOP — په نیمه شپه کې د فعالیت لابراتوار - د تور تیاتر خلا لاندې سپینې کلینیکي لابراتوار میزونه، د بریښنا یو واحد ارغواني نبض
- (dot)connect — د سکرو د یوې ټوټې سره د سویس انجینرۍ انځور
- Together AI — د یخ کاغذ په اړه د څیړنې کنسول
- Vivid+Co — د اوبسیډین له لارې پریزماتیک رڼا
- Sequel — په تیاره سینما کې د تیاره وروسته شخصي سکرینینګ یوازینۍ ګرمه رڼا ده.
- v0 by Vercel — د لیت انځور. دقت او فعالیت خورا مهم دي، هر عنصر په پاک، تخنیکي لحاظ بشپړ سطح کې روښانه هدف ته خدمت کوي.
- ThoughtLab — د اوبسیډین یادګار چې سور رنګه سیګنال لري. د تور تشوالی کینوس، چیرې چې په کلیسا کې یوازینی سنتر شوی سور شی، چې په لویو سپینو لیکو کې چاپ شوی، یو واحد کروماتیک شخصیت دی.
- Dovetail — د تورې سپوږمۍ لاندې یوه نقشه — په سختۍ سره لیدل کیدونکي ګراف کرښې، سپین فونټ، یو ارغواني چمک