Huly
သန်းခေါင်ယံ နက္ခတ်တာရာကြည့်စင်ရှိ မြောက်ပိုင်းအလင်းတန်းများ - ဇာတ်လိုက်သည် သန္တာကျောက်တန်းများအဖြစ် မှိန်ဖျော့နေသော ခရမ်းရောင်ဒေါင်လိုက်ရောင်ခြည်ဖြစ်ပြီး ၎င်းအောက်ရှိ တိတ်ဆိတ်ငြိမ်သက်သော အပိုင်းတစ်ခုစီသည် ပိုမိုငြိမ်သက်သော လေသံဖြင့် ပြောပြထားသော နှစ်ရောင်ဇာတ်လမ်းကို ငှားရမ်းထားသည်။
Huly က စကြဝဠာအလုပ်ခွင်တစ်ခုရဲ့ ပတ်ဝန်းကျင်ကို နှိုးဆွပေးပါတယ်- အဓိကဒြပ်စင်ကိုဖြတ်ပြီး ခရမ်းရောင်-ပယင်းရောင် အလင်းရောင်တစ်ခုတည်းနဲ့ အနက်ရောင်နီးပါးရှိတဲ့ ပတ္တူတစ်ခု၊ ၎င်းအောက်မှာ ထုတ်လုပ်မှုတိုးမြှင့်ဖို့အတွက် ပိုမိုငြိမ်သက်တဲ့ ဇယားကွက်တစ်ခု ရှိပါတယ်။ စနစ်ဟာ ကျဉ်းမြောင်းတဲ့ အရောင်အပိုင်းအခြားအတွင်းမှာ လည်ပတ်ပါတယ်- တောက်ပတဲ့ အပြာရောင်တစ်ခုနဲ့ သန္တာရောင်တစ်ခုဟာ အလွှာလိုက် ဂရပ်ဖိုက်မျက်နှာပြင်တွေပေါ်မှာ အမှတ်တံဆိပ်လုပ်ငန်းအားလုံးကို လုပ်ဆောင်ပေးတာကြောင့် မှောင်မိုက်တဲ့မုဒ်က ဘယ်တော့မှ ကြားနေမခံစားရပါဘူး။ Typography က အရာအားလုံးလုပ်ဆောင်နိုင်စေဖို့ Inter-style ဖြစ်ပြီး အဓိကအချက်တွေအတွက် သီးသန့်ဖောင့် (Esbuild) ကို သီးသန့်ထားရှိပြီး၊ 80–84px pitch နဲ့ ပြင်းထန်တဲ့ အနုတ်လက္ခဏာစာလုံးအကွာအဝေးနဲ့ပါ။ အစိတ်အပိုင်းတွေက capsule-shaped ပါ- controls မှာ radii 9999px၊ cards မှာ 12px၊ အနည်းဆုံးအရိပ်နဲ့ တောက်ပတဲ့ gradient မျဉ်းကြောင်းတွေကို အဓိကအလှဆင်မှုအဖြစ် အသုံးပြုထားပါတယ်။ စာမျက်နှာဟာ စာမျက်နှာအပြည့် မှောင်နေတဲ့နေရာတွေနဲ့ ငြိမ်သက်တဲ့အလင်းအပိုင်းအခြားတွေကြားမှာ အလှည့်ကျပြောင်းလဲနေတာမို့ မည်သည့်မျက်နှာပြင်အသစ်မဆို အရောင်တွေကို မရွေးချယ်ခင် မုဒ်ကို ဆုံးဖြတ်သင့်ပါတယ်။
အကျယ်အပြည့် ပင်မစာမျက်နှာတွင် မြောက်ဘက်အလင်းတန်းများ၏ ဒေါင်လိုက်ရောင်ခြည်နှင့် ဘယ်ဘက်သို့ ချိန်ညှိထားသော ခေါင်းစဉ်တစ်ခုအပြင် အောက်ခြေညာဘက်တွင် ထုတ်ကုန်ဖန်သားပြင်ဓာတ်ပုံတစ်ခု ပါရှိသည်။ ပင်မစာမျက်နှာအောက်တွင် အများဆုံးအကျယ် 1200px ရှိသော အကြောင်းအရာဧရိယာတစ်ခုရှိပြီး မှောင်သောနှင့် ဖြူသောအစင်းများ တစ်လှည့်စီရှိသည်။ အပိုင်းတစ်ခုစီသည် ဒေါင်လိုက်ဘလောက်တစ်ခုဖြစ်သည်- ခေါင်းစဉ်တစ်ခုနှင့် 96px ကွာဟချက်များဖြင့် ပိုင်းခြားထားသော ကတ်များ၏ ကော်လံ ၃-ကော်လံ သို့မဟုတ် ၄-ကော်လံပါဇယားကွက်တစ်ခု။ "MetaBrain" အပိုင်းသည် ဇယားကွက်ကို အလယ်ဗဟိုတွင် ခေါင်းစဉ်တစ်ခုနှင့် အရွယ်အစားအမျိုးမျိုးရှိသော ကတ်များ၏ mosaic (အဓိကကတ်ကြီးတစ်ခုနှင့် ပံ့ပိုးကတ်ငယ်များ) ဖြင့် ပိုင်းခြားထားသည်။ စာမျက်နှာသည် SaaS စံနှုန်းများနှင့်အညီ အကြောင်းအရာများစွာပါဝင်သော်လည်း အပိုင်းတစ်ခုစီအတွက် အသက်ရှူရန်နေရာပေးရန် မှောင်သောနှင့် ဖြူသောအစင်းများကို တစ်လှည့်စီအသုံးပြုသည်။ လမ်းညွှန်သည် သင် scroll လုပ်သည့်အခါ မှိန်သွားသော တစ်ခုတည်းသော ပွင့်လင်းမြင်သာသည့် အပေါ်ဘားတစ်ခုဖြစ်သည်။
အဓိကဒြပ်စင်မှာ ဓာတ်ပုံများမပါဝင်သည့် စစ်မှန်သော aurora gradient ဖြစ်သည်။ သရုပ်ဖော်ပုံအားလုံးသည် ထုတ်ကုန်၏ UI (မှောင်မိုက်မုဒ်၊ inbox၊ ပြက္ခဒိန်တွင် Kanban) ၏ ဖန်သားပြင်ဓာတ်ပုံများဖြစ်ပြီး သက်သေအထောက်အထားနှင့် အလှဆင်မှုနှစ်မျိုးလုံးအဖြစ် အသုံးပြုသည်။ လူနေမှုပုံစံဓာတ်ပုံများ၊ စတော့ရှယ်ယာပုံများ၊ 3D render များ မပါဝင်ပါ။ UI နှင့် မသက်ဆိုင်သော တစ်ခုတည်းသော visual element မှာ CSS gradient အဖြစ် render လုပ်ထားသော aurora ၏အောက်ခြေရှိ နွေးထွေးသော၊ radial sunburst glow ဖြစ်သည်။ အိုင်ကွန်များသည် #95979 ရှိ monochrome သို့မဟုတ် အဖြူရောင်ဖြစ်ပြီး multicolor မဟုတ်ပါ။ စနစ်သည် ၎င်း၏ကိုယ်ပိုင်မှောင်မိုက်သော UI ကို အဓိကဒြပ်စင်အဖြစ် သဘောထားသည် - ထုတ်ကုန်မှာ ဓာတ်ပုံများဖြစ်သည်။
ရောင်စုံ
အမှတ်တံဆိပ်
- Electric Iris
#5683da— အဓိကနောက်ခံ၊ တက်ကြွသော လမ်းကြောင်းပြညွှန်ပြချက်နှင့် ထင်ရှားသော မြောက်ပိုင်းအလင်းရောင်များ အသားပေးဖော်ပြချက်—ဂျက်-အနက်ရောင်နောက်ခံပေါ်ရှိ တက်ကြွသော ခရမ်းရောင်-အပြာရောင်—သည် ကော်ပိုရိတ်လုပ်ဆောင်မှုထက် ပါဝင်ဆောင်ရွက်မှု၏ အထင်အမြင်ကို ဖန်တီးပေးသည်။ - Ember Pulse
#ff8964— ဒုတိယအရောင်အသွေး၊ နွေးထွေးသော မြောက်ပိုင်းအလင်းတန်းဇုန်၊ အသိပေးချက်အမှတ်နှင့် သရုပ်ဖော်ပုံအသားပေးဖော်ပြချက်—အပြာရောင်၏ တည်ငြိမ်မှုကို ချိုးဖျက်ပြီး ရောင်ခြည်ကို နွေးထွေးစေသည့် ပယင်းရောင်။
ကြားနေ
- Obsidian Canvas
#303236— စာမျက်နှာနောက်ခံ၊ အဓိကမျက်နှာပြင်သည် နွေးထွေးမှုအနည်းငယ်ရှိသော အနက်ရောင်နီးပါးဖြစ်ပြီး အကြောင်းအရာအားလုံးအတွက် စံပတ်ဝန်းကျင်ဖြစ်သည်။ - Void
#090a0c— အဓိကမျက်နှာပြင်ပေါ်ရှိ gradient များ၊ modal နောက်ခံများနှင့် canvas နှင့် ရောနှောသင့်သော frame များအတွက် အနက်ရှိုင်းဆုံး မျက်နှာပြင်အလွှာ။ - Charcoal Card
#111111— ကတ်ထူပြားနှင့် ပြားများဖြင့် ပြုလုပ်ထားသော မြှင့်တင်ထားသော မျက်နှာပြင်များကို ပတ္တူအထက် တစ်လှမ်းတိုးထားသည်။ - Slate Edge
#4a4b50— မှောင်သော မျက်နှာပြင်များပေါ်ရှိ သိမ်မွေ့သော နယ်နိမိတ်များနှင့် ပိုင်းခြားမှုများ - Iron Veil
#6b6c6d— တဂ်များ၊ စာရင်းပါအရာ ဖြည့်ခြင်းများနှင့် ဖြည့်ခြင်းကို ပိတ်ထားသော ဖြည့်မှုများအတွက် နောက်ခံကို မှိန်ထားသည်။ - Smoke
#95979e— အိုင်ကွန်ပုံကြမ်းများ၊ အပိုစာသားများနှင့် အလုပ်မလုပ်သော ထိန်းချုပ်မှုများသည် အလတ်စားမီးခိုးရောင်ရှိ အဓိကအလုပ်လုပ်သော အစိတ်အပိုင်းဖြစ်သည်။
စာလုံးပုံစံ
၁၁ မှ ၈၀ px အထိ · အဆင့် ၈ ဆင့်
- Inter — အစားထိုးခြင်း: DM Sans · မျဉ်းကြောင်းများ 300, 400, 500, 600, 700 · အသုံးပြုသူမျက်နှာပြင်ရှိ လုပ်ဆောင်နိုင်သောစာသားအားလုံး — ကိုယ်ထည်စာသား၊ လမ်းညွှန်မှု၊ ခလုတ်များ၊ စာရင်းပစ္စည်းများ၊ အညွှန်းများနှင့် ခေါင်းစဉ်ငယ်များ — ကို အလေးပေးဖော်ပြရန်အတွက် ဖောင့်အလေးချိန် ၅၀၀ မှ ၆၀၀ အထိ၊ ကိုယ်ထည်စာသားအတွက် ၄၀၀ နှင့် မမြင်သာသော မက်တာဒေတာအတွက် ၃၀၀ ဖြင့် အနည်းငယ်သာ အသုံးပြုပါသည်။
- Esbuild — အစားထိုးခြင်း: Sora · မျဉ်းကြောင်းများ 400, 500, 600 · ပြသရန်သာ- splash ခေါင်းစဉ်များ၊ အပိုင်းခေါင်းစဉ်များနှင့် MetaBrain ဆောင်းပါးခေါင်းစဉ်များ။ အကျဉ်းချုပ်ထားသော geometry နှင့် ကျဉ်းမြောင်းသော စာလုံးအကွာအဝေးသည် 84px သည် SaaS ပရောဂျက်များထက် အယ်ဒီတာ့အာဘော်လုပ်ငန်းအတွက် ပိုမိုသင့်လျော်သည်ဟူသော အထင်အမြင်ကို ဖန်တီးပေးသည်။ 28px အောက်ကို ဘယ်တော့မှ မသုံးပါနှင့်။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | ကျယ်ဝန်းသော |
| အခြေခံအဆင့် | 12px |
| ခလုတ်အချင်းဝက် | 9999px |
| ကတ်အချင်းဝက် | 12px |
| အရိပ်များ | နူးညံ့သောအရိပ်များ |
| အပိုင်းများအကြား | 96px |
| စာမျက်နှာအကျယ် | 1200px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို Huly ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- monday — ပါစတယ်စတစ်ကာများပါသည့် အဖြူရောင်အလုပ်ရုံဆွေးနွေးပွဲ
- Slack — စင်မြင့်သည် ခရမ်းရောင်ဖြစ်ပြီး အဖြူရောင်မီးအိမ်များပါရှိသည်။ မှောင်နေသောနေရာများကို မက်မွန်ရောင်ရင့်ရင့်ဖြင့် လွှမ်းမိုးထားပြီး အဖြူရောင်ဖျော့ဖျော့ကင်းဗတ်စ်ကြောင့် ကြီးမားသော ခေတ်မီဒီဇိုင်းပါ ခေါင်းစဉ်ကြီးများကို လွတ်လပ်စွာ အသက်ရှူနိုင်စေပါသည်။
- Base44 — ထုံးမာကာပါသော နေရောင်အောက်ရှိ မှတ်စုစာအုပ်
- Supahub — ခရမ်းရောင်တောင်ကြောပေါ်တွင် နူးညံ့သောနေ့အလင်းရောင်။ တောက်ပသောခရမ်းရောင်နေတစ်စင်းတည်းဖြင့် အလင်းရောင်ပေးထားသော အဖြူရောင်၊ လေဝင်လေထွက်ကောင်းသော ပတ္တူတစ်ခု၊ အလှဆင်ထားသော ရောင်ပြန်ဂရပ်ဖစ်များသည် အနုတ်လက္ခဏာအာကာသထဲသို့ အရောင်များစိမ့်ဝင်နေပြီး ကျယ်ဝန်းသော လုံးဝန်းသော ဂျီသြမေတြီများဖြင့် မျက်နှာပြင်တစ်ခုစီကို သာယာပြီး လက်တွေ့ကျသော လေးလံမှုကို ပေးစွမ်းသည်။
- Raycast — သန်းခေါင်ယံ ကွပ်ကဲရေးစင်တာ၊ ကိုရယ်နီယွန်
- Dimension — မှောင်ရီပျိုးစပြုချိန်တွင် အလင်းရောင်ကောင်းစွာရသော အလုပ်စခန်းတစ်ခု
- Wiza — လာဗင်ဒါမြူခိုးများ ဖုံးလွှမ်းနေသော နေဝင်ချိန်၌ သတ္တုရှာဖွေရေး နက္ခတ်တာရာ စောင့်ကြည့်ရေးစခန်း။
- Paste — အဖြူရောင်စကျင်ကျောက်ပေါ်တွင် ပယင်းရောင်မီးအိမ်—အမှတ်တံဆိပ်၏ နွေးထွေးသော ရောင်ပြန်ဟပ်မှုလိုဂိုသည် ဆီးနှင်းဖုံးနေသော အဆောက်အအုံတစ်ခုတွင် တစ်ခုတည်းသော အလင်းရောင်ရှိသော ပြတင်းပေါက်ကဲ့သို့ ကျယ်ပြန့်သော အဖြူရောင်နေရာတွင် ဝဲပျံနေသည်။
- Reworkd — ထုတ်ကုန်ပုံပေါ်ရှိ နူးညံ့သောနေ့အလင်းရောင်သည် ၎င်းကိုယ်တိုင်ကို ပြောပြသည့် တစ်ခုတည်းသောအရောင်ဖြစ်ပြီး ၎င်းမှာ action ခလုတ်နှင့် ၎င်းအပေါ်ရှိ gradient ခေါင်းစဉ်ဖြစ်သည်။
- Reflect Notes — ကြယ်များပြည့်နှက်နေသော ခရမ်းရောင်အာကာသသည် မှောင်မိုက်သော နက္ခတ်တာရာကြည့်စခန်းတစ်ခုဖြစ်ပြီး အနက်ရောင်အကွက်အကွင်းနောက်ခံတွင် ကြယ်စုများကဲ့သို့ မှတ်စုများ လွင့်မျောနေပါသည်။
- Ameba — သန်းခေါင်ယံအချိန်တွင် ထိန်းချုပ်ခန်း - အေးခဲနေသော မှန်ပြားများအတွင်းမှ လျှပ်စစ်အပြာရောင် လျှပ်စီးကြောင်းတစ်ခု
- Todoist — နေရောင်အောက်က အလင်းရောင်ရှိတဲ့ အလုပ်ခွင်မှာ စက္ကူဒိုင်ယာရီရေးပါ - နွေးထွေးတဲ့ ခရင်မ်ရောင်စားပွဲတစ်လုံး၊ မင်မှတ်စုတွေ၊ အနီရောင်ဘောပင်တစ်ချောင်း