Vercel
ټرمینل په سپین کاغذ چاپ شوی
د ویرسل ډیزاین سیسټم په منظم مونوکروم کې یو تمرین دی: نږدې سپین کینوس (#fafafa)، تور ډول، نری سرحدونه، او د سینګار رنګ بشپړ نشتوالی. بصری ژبه د پراختیا کونکي ټرمینل په چاپ کې وړاندې کوي — Geist Sans د "اتل" پیمانه کې د 400-450 وزن او د -0.06em د لیک فاصله سره په سختۍ سره لوستل کیدی شي، پداسې حال کې چې Geist Mono په 11-13px کیپونو کې لیبلونه، میټاډاټا، او کوډ نمونې پلي کوي. تڼۍ تیز 6px شعاع یا د خالص تور مستطیلونه په سپین یا سپین تور باندې دي. سیسټم د رنګ پرځای د برعکس او ټایپوګرافیک درجه بندي تکیه کوي، د مثلث نښه (▲) او دوه کرښې کلمې نښه د یوازینۍ برانډینګ عناصرو په توګه کاروي. سطحې د یو بل په سر کې د #fafafa → #ebebeb → #171717 په ترتیب کې ځای پرځای شوي، د سیوري یا رنګ پرځای د ټونل ارزښتونو بدلولو له لارې ژوروالی رامینځته کوي. هر عنصر په 4px گرډ کې د کمپیکټ کثافت سره جوړ شوی، چې په پایله کې یې یو انٹرفیس د انجینر نوټ بوک یادونه کوي — دقیق، فعال، او د سپینې ځای څخه ویره نلري.
کانټینر ۱۲۸۰ پکسله پراخ دی، په مرکز کې دی، د پراخ افقي پیډینګ سره (۲۴-۴۸ پکسله). اصلي بلاک د غیر متناسب درې زون جوړښت کاروي: په چپ اړخ کې یو لوی سرلیک، د برانډ ګلیف په مرکز کې، او په ښي اړخ کې د "ابرو" بلاک. د اصلي بلاک لاندې، مینځپانګه په بدیل پټو کې تنظیم شوې ده: د پیرودونکي لوګو سره بشپړ پلنوالی پټه، ورپسې د دوه کالم "ایجنټ جوړونکي" برخه چې په چپ اړخ کې سرلیک او په ښي اړخ کې د محصول ترتیب لري، ورپسې د دریو کارتونو گرډ چې ځانګړتیاوې لري. برخې د ۹۶-۱۲۸ پکسله عمودی ګټرونو لخوا پرته له ویشونکو یا شالید آفسیټونو څخه جلا شوي. نیویګیشن یو واحد ثابت ۶۴ پکسله پینل دی چې یو تیاره شالید لري. د کارت ګریډونه په دوامداره توګه د ۱۶-۲۴ پکسله ګټرونو سره دوه یا درې کالم ترتیب کاروي. ټولیز کثافت کمپیکٹ دی - متن د لوستلو لپاره اسانه دی، کافي سپین ځای شتون لري، مګر د فونټ اندازه او د اجزاو اندازې د پاڼې د هوا احساس کولو مخه نیسي.
انځورونه کم او تل فعال دي. اصلي بصري عنصر تور مثلث (▲) دی - یو جیومیټریک برانډ نښه چې د "سرمایه" پیمانه کې د ځړونکي سیلویټ په توګه ښکاري. د مفهوم ثبوت پټې کې د پیرودونکي لوګو د هر برانډ اصلي کلمې نښې په خړ پیمانه کې کاروي. د محصول موک اپونه (د نوشن چیٹ انٹرفیس، د CLI ټرمینل محصول، د پاسپورټ کارت) د چوکاټ شوي کارتونو دننه د رڼا حالت سکرین شاټونو په توګه ځای پرځای شوي. هیڅ عکسونه، انځورونه، یا 3D عناصر شتون نلري - سیسټم خالص ټایپوګرافي او په سپین کاغذ کې جیومیټریک شکلونه دي.
پالټ
بې طرفه
- Obsidian
#171717— اصلي سرلیکونه، د نیویګیشن پولې، تیاره تڼۍ ډکول، او د لیست مارکرونه ټول تقریبا تور دي، د سختۍ او تیاره اشباع څخه مخنیوی کوي. - Paper White
#fafafa— د پاڼې کینوس، د کارتونو سطحې، د تڼیو رڼا ډکول - دا هغه معیاري شالید دی چې نور هرڅه پکې موقعیت لري. - Pure White
#ffffff— د کارتونو پورته شوي سطحې، داخلونه، د ننوتلو ساحې. - Hairline
#ebebeb— په تڼیو، لینکونو او کارتونو کې د 1px سرحدونه په لوړه زوم کچه کې لیدل کیږي، مګر په ټیټ زوم کچه کې نه لیدل کیږي. - Ash
#c9c9c9— غیر فعال متن، خاموش شوي لیبلونه، د مراجعینو په لوګو کې د برانډ نوم واټر مارکونه. - Smoke
#a8a8a8— ثانوي متن، د ځای ساتونکي متن، د کوچني آیکون ډکول.
ټایپوګرافي
له ۱۱ څخه تر ۶۴ پکسله پورې · ۶ ګامونه
- Geist Sans — بدیل: Inter · بڼې 400, 450, 500 · د انٹرفیس او سرلیکونو لپاره لومړنی فونټ د ویرسل لخوا یو دودیز ډیزاین شوی جیومیټریک سینز سیریف دی چې په لویو اندازو کې د لیکونو سخت واټن لري (-0.06em په 56-64px کې، -0.05em په 30px کې). د پاڼې په سر کې د سرلیکونو لپاره، د 450 وزن غوره شوی: د سپک څخه ضخامت مګر د سیمی بولډ څخه سپک، یو ډاډمن، مګر نه زغمونکی، ټون رامینځته کوي.
- Geist Mono — بدیل: JetBrains Mono · بڼې 400, 500, 600 · د سرلیکونو، کوډ بلاکونو، CLI محصول پینلونو، میټاډاټا، او لوی توري متن لپاره د مونو اسپیس ثانوي فونټ. د 8px/600px/لوی توري ترکیب د کوچنیو کلمو نښانونو دقیق ځای پرځای کولو ته اجازه ورکوي. په مونو اسپیس نسخه کې د تورو پراخه فاصله (0.071em) د لوی توري متن لپاره کافي ځای چمتو کوي.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | ګڼ |
| اساسي ګام | 12px |
| د تڼۍ وړانګې | 6px |
| د کارت وړانګې | 6px |
| سیوري | د سیوري پر ځای هیڅ سرحد نشته |
| د برخو ترمنځ | 96-128px |
| د پاڼې پلنوالی | 1280px |
AI به ستاسو ویب پاڼه په Vercel سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- Headspace — په ګرم کاغذ باندې د لمر وړانګې لرونکی روغتیایی کونج
- WHOOP — په نیمه شپه کې د فعالیت لابراتوار - د تور تیاتر خلا لاندې سپینې کلینیکي لابراتوار میزونه، د بریښنا یو واحد ارغواني نبض
- Together AI — د یخ کاغذ په اړه د څیړنې کنسول
- v0 by Vercel — د لیت انځور. دقت او فعالیت خورا مهم دي، هر عنصر په پاک، تخنیکي لحاظ بشپړ سطح کې روښانه هدف ته خدمت کوي.
- Dovetail — د تورې سپوږمۍ لاندې یوه نقشه — په سختۍ سره لیدل کیدونکي ګراف کرښې، سپین فونټ، یو ارغواني چمک
- Glideapps — د یو برقي فیروزي چمک سره د مونوکروم مسودې میز
- Timescale — په ګرم ګراف کاغذ باندې د انجینرۍ انځورګري
- UGLYCASH — په کریم رنګه کاغذ باندې د سټیکر پوښل شوې نوټ بوک د یو زړور، اعظمي فینټیک فضا څرګندوي چې په ویاړ سره خپل ګډوډي ښیې.
- Sprout Social — په تور سلیټ باندې شنه څانګی. په یو سخت مونوکروم کینوس باندې یو روښانه تلفظ، چې رنګ یې یوازې د عمل لپاره کارول کیږي، د ډاډمن جیومیټریک فونټ سره د نښو په توګه کار کوي.
- Krea — په نیمه شپه کې د ګالري نایر
- Evergreen — د لمریزې شنې خونې په کتان کاغذ
- Factory — د "جګړې خونې" ټرمینل په نیمه شپه کې. "فابریکه" یو تور کنټرول پینل دی چیرې چې یو سپین کارت د فلش لائټ په څیر ښکته کیږي - په خونه کې یوازینی شی پخپله کار دی.