Huly
د نیمې شپې د څارګرې ادارې شمالي څراغونه - د فلم اصلي لوبغاړی د ارغواني رنګ یو عمودی بیم دی چې مرجان ته بدلیږي، او د هغې لاندې هره خاموشه برخه ورته دوه رنګه کیسه پور اخلي چې په ډیر نرم غږ کې ویل شوي.
هولي د کاسمیک کاري ځای فضا راپاروي: یو نږدې تور کینوس چې د یو واحد بنفش-امبر چمک سره د اصلي عنصر څخه تیریږي، او د هغې لاندې، د تولید زیاتوالي لپاره یو ډیر کم گرډ. سیسټم د رنګ په یوه تنګ لړۍ کې کار کوي - یو روښانه نیلي او یو مرجان د پرتونو ګرافایټ سطحو په وړاندې د برانډینګ ټول کار کوي، نو تیاره حالت هیڅکله بې طرفه احساس نه کوي. ټایپوګرافي د هر هغه څه لپاره انټر سټایل دی چې فعال وي، د کلیدي ټکو لپاره د دودیز فونټ (Esbuild) سره ساتل شوی، د 80-84px پیچ او تیریدونکي منفي لیک فاصله سره. اجزا د کیپسول په شکل دي: په کنټرولونو کې 9999px شعاع، په کارتونو کې 12px، لږترلږه سیوري، او د اصلي سینګار په توګه ځلیدونکي تدریجي کرښې. پاڼه د بشپړ مخ تیاره سیمو او ارام رڼا برخو ترمنځ بدیل کیږي، نو هر نوی سکرین باید د رنګونو غوره کولو دمخه د حالت په اړه پریکړه وکړي.
د بشپړ پلنوالي کور پاڼه د شمالي څراغونو عمودی بیم او د کیڼ اړخ سره سمون لرونکی سرلیک لري، د محصول سکرین شاټ سره چې په ښکته ښي خوا کې موقعیت لري. د کور پاڼې لاندې د اعظمي پلنوالي، 1200px، بدیل تیاره او سپک پټې د مینځپانګې ساحه ده. هره برخه یو واحد عمودی بلاک دی: یو سرلیک او د کارتونو 3- یا 4-ستون گرډ چې د 96px تشو لخوا جلا شوی. د "میټا برین" برخه د مرکز سرلیک او د مختلف اندازو کارتونو موزیک سره گرډ ماتوي (یو لوی اصلي کارت او کوچني ملاتړ کونکي کارتونه). پاڼه د مینځپانګې له پلوه درنه ده، د SaaS معیارونو تعقیبوي، مګر د هرې برخې د تنفس کولو لپاره بدیل تیاره او سپک پټې کاروي. نیویګیشن یو واحد شفاف پورتنۍ بار دی چې کله تاسو سکرول کوئ نو مبهم کیږي.
اصلي عنصر د خالص اورورا ګریډینټ دی، چې له عکسونو څخه پاک دی. ټول انځورونه د محصول د UI اصلي سکرین شاټونه دي (کانبان په تیاره حالت کې، ان باکس، کیلنڈر)، د کارت چوکاټونو کې چوکاټ شوي چې د ثبوت او سینګار دواړه په توګه کار کوي. د ژوند طرز عکسونه نشته، د سټاک عکسونه نشته، د 3D رینډرونه نشته. یوازینی بصري عنصر چې د UI سره تړاو نلري د اورورا په اساس کې ګرم، شعاعي لمر برسټ چمک دی، چې د CSS ګریډینټ په توګه وړاندې شوی. عکسونه په #95979 یا سپین کې د مونوکروم لاین عکسونه دي، هیڅکله څو رنګه نه. سیسټم خپل تیاره UI د اصلي عنصر په توګه چلند کوي - محصول عکسونه دي.
پالټ
برانډ
- Electric Iris
#5683da— اصلي شاليد، د فعال نیویګیشن شاخص، او د شمالي څراغونو زړه راښکونکی تلفظ - په جیټ تور شاليد کې یو متحرک بنفش-آبي رنګ - د کارپوریټ فعالیت پرځای د ښکیلتیا تاثر رامینځته کوي. - Ember Pulse
#ff8964— یو ثانوي تلفظ، د شمالي رڼاګانو ګرم زون، د خبرتیا نقطه، او د انځور روښانه کول - یو امبر رنګ چې د نیلي نرمښت ماتوي او بیم ته تودوخه اضافه کوي.
بې طرفه
- Obsidian Canvas
#303236— د پاڼې شاليد، غالب سطحه، تقریبا تور رنګ لري چې د تودوخې لږ اشاره لري، د ټولو منځپانګو لپاره معیاري چاپیریال. - Void
#090a0c— په اصلي سکرین کې د ګریډینټ لپاره ترټولو ژوره سطحه طبقه، ماډل شالیدونه، او چوکاټونه چې باید په کینوس کې ګډ شي. - Charcoal Card
#111111— د کارت بورډ او تختو څخه جوړ شوي پورته شوي سطحې، د کینوس څخه یو ګام پورته موقعیت لري. - Slate Edge
#4a4b50— په تیاره سطحو کې نازکې پولې او ویشونکي - Iron Veil
#6b6c6d— د ټګونو، د لیست توکو ډکولو، او غیر فعال ډکولو لپاره کم شوی شالید. - Smoke
#95979e— د آیکون بڼې، اضافي متن، او غیر فعال کنټرولونه په منځني خړ رنګ کې لومړني کاري عنصر دي.
ټایپوګرافي
له ۱۱ څخه تر ۸۰ پکسله پورې · ۸ ګامونه
- Inter — بدیل: DM Sans · بڼې 300, 400, 500, 600, 700 · د کارونکي انٹرفیس کې ټول فعال متن - د بدن متن، نیویګیشن، تڼۍ، د لیست توکي، لیبلونه، او کوچني سرلیکونه - د ټینګار لپاره د 500-600 فونټ وزن سره، د بدن متن لپاره 400، او د غیر مداخلې میټاډاټا لپاره 300 لږ کارول کیږي.
- Esbuild — بدیل: Sora · بڼې 400, 500, 600 · یوازې ښودل: د سپلیش سرلیکونه، د برخې سرلیکونه، او د میټا برین مقالې سرلیکونه. د لنډ شوي هندسي او د لیکونو سخت واټن دا تاثر رامینځته کوي چې 84px د SaaS پروژو په پرتله د اداری کار لپاره ډیر مناسب دی. هیڅکله د 28px څخه ښکته مه کاروئ.
وقفې او بڼه
| موخه | معنی |
|---|---|
| کثافت | پراخه |
| اساسي ګام | 12px |
| د تڼۍ وړانګې | 9999px |
| د کارت وړانګې | 12px |
| سیوري | نرم سیوري |
| د برخو ترمنځ | 96px |
| د پاڼې پلنوالی | 1200px |
AI به ستاسو ویب پاڼه په Huly سټایل کې جوړه کړي او ډکه یې کړي
- د لینک له لارې محصولات او پوسټونه ډک کړئ - Instagram ، TikTok ، Facebook.
- له خپل زوړ سایټ څخه مواد انتقال کړئ — یوازې پته مشخص کړئ.
- په غوره انجن کې عصري ډیزاین: د سرور رینډرینګ او SEO اصلاح کولو سره React ( Next.js).
- د لټون پایلو او عصبي شبکې سپارښتنو لپاره په بشپړ ډول اتوماتیک SEO اصلاح کول.
ورته سټایلونه
- monday — د پیسټل سټیکرونو سره سپین ورکشاپ
- Slack — سټیج د سپینو څراغونو سره د بینگن رنګ لري. یو ژور آلو بخارا رنګ په تیاره سیمو کې واکمن دی، پداسې حال کې چې غیر سپین کینوس لوی، اوونټ ګارډ سرلیکونو ته اجازه ورکوي چې په آزاده توګه تنفس وکړي.
- Base44 — د لمر وړانګې نوټ بوک د لیمو مارکر سره
- Supahub — د ارغواني څنډې په سر نرمه ورځ. یو سپین، هوا لرونکی کینوس چې د یو واحد روښانه ارغواني لمر لخوا روښانه شوی، د سینګار شوي تدریجي کرویونو سره چې رنګ منفي ځای ته خپروي او سخاوتمند ګرد جیومیټري هر سطح ته یو خوندور، د پام وړ دروندوالی ورکوي.
- Raycast — د نیمې شپې د قوماندې مرکز، کورل نیون
- Dimension — د ماښام په رڼا کې د کارځای د یخ شوي شیشې تختو سره
- Wiza — د ماښام په وخت کې د معدني اکتشاف یوه څارنځای، چې د لیوینډر په غبار پوښل شوی دی.
- Paste — په سپین مرمر باندې یو امبر لالټین - د برانډ ګرم تدریجي لوګو په پراخه سپینه فضا کې ځړیږي، لکه په واورو پوښل شوي ودانۍ کې یوازینۍ روښانه کړکۍ.
- Reworkd — د محصول په ډیاګرام کې نرمه ورځ رڼا یوازینی رنګ دی چې د ځان لپاره خبرې کوي، دا د عمل تڼۍ او پورته یې تدریجي سرلیک دی.
- Reflect Notes — ستوري لرونکی بنفش فضا یوه تیاره څارنځای دی چیرې چې یادښتونه د نږدې تور انډیګو تشې شالید په وړاندې د ستورو په څیر تیریږي.
- Ameba — په نیمه شپه کې د کنټرول خونه - د یخ شوي شیشې تختو دننه د بریښنا نیلي نبض
- Todoist — د لمر وړانګې لرونکی کاري ځای چې د کاغذ ډایري لري - د ګرم کریم میز، د رنګ یادښتونه، یو سور قلم