Dala
အနက်ရောင်ကတ္တီပါပေါ်တွင် ဝဲပျံနေသော ကြယ်စုတစ်ခု
Dala သည် အနက်ရောင်အပေါက်များနှင့် တောက်ပသော ခရမ်းရောင်အနှစ်သာရတစ်ခုတည်းနှင့် ပယင်းရောင်တောက်ပမှုများကြားတွင် ရောနှောနေသော မှောင်မိုက်သောနေရာတစ်ခုကို တင်ပြထားသည်။ စာလုံးပုံစံသည် တစ်ထပ်တည်းကျပြီး အလေးချိန်မရှိ—400-weight စာလုံးပုံစံ PPNeueMontreal သည် အရွယ်အစားကြီးမားသော (78–113px) ဖြင့် ခေါင်းစဉ်တစ်ခုစီကို လွှမ်းမိုးထားပြီး အနုတ်လက္ခဏာစာလုံးအကွာအဝေးပြင်းထန်သောကြောင့် ခေါင်းစဉ်များကို သတင်းအချက်အလက်ထက် ပန်းပုလက်ရာများကဲ့သို့ ခံစားရစေသည်။ အမြင်အာရုံဗဟိုချက်သည် သေးငယ်သော၊ ရောင်စုံတြိဂံအမှုန်အမွှားများ၏ အစုအဝေးတစ်ခုဖြစ်ပြီး အော်ဂဲနစ်ဦးနှောက်ပုံသဏ္ဍာန်ကို ဖွဲ့စည်းထားပြီး ၎င်းသည် အမှတ်တံဆိပ်၏ ထင်ရှားသောအမူအရာအဖြစ် ဆောင်ရွက်သည်- အဆင့်ဆင့်ဒေတာထက် ဖြန့်ဝေထားသော ဉာဏ်ရည်အဖြစ် မြင်ယောင်ထားသော အသိပညာ။ အပြင်အဆင်သည် ကျယ်ဝန်းသော ကော်လံနှစ်ခုစည်းချက်ကို လိုက်နာသည်—အရွယ်အစားကြီးမားသော၊ ဘယ်ဘက်သို့ ချိန်ညှိထားသော ခေါင်းစဉ်များနှင့် ကျယ်ပြန့်သော ကိုယ်ထည်မိတ္တူကို တွဲဖက်ထားပြီး ပြားများ၊ ဘောင်များ သို့မဟုတ် ကတ်များမပါဘဲ သန့်ရှင်းသော အနက်ရောင်နောက်ခံတွင် ပေါလောမျောနေသည်။ အစိတ်အပိုင်းများကို ၎င်းတို့၏ အရေးအကြီးဆုံးပုံစံသို့ ရည်ရွယ်ချက်ရှိရှိ လျှော့ချထားသည်- တစ်ခုတည်းသော ခရမ်းရောင်ဆေးပြားခလုတ်၊ ဝှက်ထားသောစာသားလင့်ခ်များနှင့် ကြီးမားသောစာသားဘလောက်များ။
အကျယ်အပြည့်ရှိသော အပိုင်းများကို သန့်စင်သော အနက်ရောင်ကင်းဗတ်စ်ပေါ်တွင် ခင်းကျင်းထားပြီး အများဆုံး အကြောင်းအရာအကျယ်မှာ ~1280px အလယ်ဗဟိုတွင် ရှိသည်။ အဓိကအပိုင်းတွင် မညီမျှသော ကော်လံနှစ်ခုပါ အပြင်အဆင်ပါရှိသည်- ဘယ်ဘက်ခြမ်းတွင် အဓိကစာသားနှင့် လုပ်ဆောင်ချက်တောင်းဆိုချက်ပါရှိသော ကြီးမားသော ခေါင်းစဉ် (113px)၊ ဘယ်ဘက်ခြမ်းတွင် "particle brain" visualization သည် ညာဘက်ခြမ်းတွင် ကြီးမားသော စကေးဖြင့် နေရာယူထားသည်။ နောက်ဆက်တွဲအပိုင်းများသည် ကော်လံနှစ်ခုကြားတွင် အလှည့်ကျ (visual left/text right၊ ထို့နောက် text left/visual right)၊ zig-zag reading rhythm ကို ဖန်တီးပေးသည်။ အပိုင်းများကြားရှိ gutters များသည် ကျယ်ဝန်းသည် (60–120px vertical)။ ကတ်ဇယားကွက်များ၊ ဈေးနှုန်းဇယားများ သို့မဟုတ် multi-column feature descriptions များ မပါရှိပါ - အကြောင်းအရာကို ကျယ်ဝန်းသော ကော်လံနှစ်ခုပါ text-visual blocks များဖြင့် စီစဉ်ထားသည်။ Navigation သည် sidebar သို့မဟုတ် mega-menu မပါဘဲ minimalist transparent top bar ဖြစ်သည်။ element များ၏ သိပ်သည်းဆမှာ အလွန်မြင့်မားသည် - viewport တစ်ခုလျှင် element တစ်ခု သို့မဟုတ် နှစ်ခု၊ အချက်အလက်များဖြင့် ဘယ်တော့မှ မလွန်ကဲပါ။
အမြင်အာရုံဒီဇိုင်းသည် လုံးဝလုပ်ထုံးလုပ်နည်းနှင့် abstract ဖြစ်ပြီး အဖွဲ့ပုံတူများမှလွဲ၍ ဓာတ်ပုံများ မပါဝင်ပါ။ brand visual identity ဆိုသည်မှာ ပြည့်စုံပြီး တက်ကြွသောရောင်စဉ် (ခရမ်းရောင်၊ ပယင်းရောင်၊ ပြာလဲ့ရောင်၊ ခရမ်းရောင်၊ အပြာရောင်) ဖြင့် ဖန်တီးထားသော သေးငယ်သော၊ မျဉ်းကွေးထားသော တြိဂံပုံ အမှုန်အမွှားထောင်ပေါင်းများစွာ၏ သိပ်သည်းသောတိမ်တိုက်တစ်ခုဖြစ်ပြီး အော်ဂဲနစ်ဦးနှောက်/အာရုံကြောဆဲလ်ပုံသဏ္ဍာန်ကို ဖွဲ့စည်းသည်။ ဤအမှုန်အမွှားစက်ကွင်းသည် animation ဖြစ်ပြီး အဓိကပုံအဖြစ်နှင့် brand identity element နှစ်မျိုးလုံးအဖြစ် ဆောင်ရွက်ပေးသည်။ အနီးနားရှိ အမှုန်အမွှားများသည် သိပ်သည်းဆနည်းသော စာမျက်နှာနောက်ခံတွင် ရွေ့လျားသည်။ တြိဂံများတွင် မျဉ်းကြောင်းများ၊ 1–2px မျဉ်းအလေးချိန်၊ ချွန်ထက်သောအနားများနှင့် ကြွယ်ဝသော၊ chromatic အရောင်များပါရှိသည် - မီးခိုးရောင်ဘယ်တော့မှ မပါဝင်ပါ။ အဖွဲ့ပုံတူများကို နယ်နိမိတ်များ သို့မဟုတ် ထပ်တူမကျဘဲ ကြီးမားသော၊ လုံးဝန်းသော ထောင့်မှန်စတုဂံများ (124px အချင်းဝက်) အဖြစ် ပြသထားသည်။ ထုတ်ကုန် screenshot များ၊ လူနေမှုပုံစံဓာတ်ပုံများ၊ 3D render များ မပါရှိပါ - particle system သည် visual brand ဖြစ်သည်။
ရောင်စုံ
အမှတ်တံဆိပ်
- Electric Iris
#8052ff— အဓိက လုပ်ဆောင်ချက်ခလုတ်များ၊ လိုဂိုနှင့် အမှတ်တံဆိပ် အသားပေးဖော်ပြချက်များသည် တစ်ခုတည်းသော ကြွယ်ဝသော ခရမ်းရောင်ဖြစ်ပြီး အနက်ရောင်နောက်ခံတွင် အပြန်အလှန်ဆက်သွယ်နိုင်မှုနှင့် အမှတ်တံဆိပ်၏ လက္ခဏာကို ပြသနေပါသည်။
ကြားနေ
- Void
#000000— စာမျက်နှာကင်းဗတ်၊ အပိုင်းနောက်ခံများ၊ အနုတ်လက္ခဏာနေရာ—အဓိကမျက်နှာပြင်သည် မီးခိုးရင့်မဟုတ်ဘဲ စစ်မှန်သောအနက်ရောင်ဖြစ်ပြီး၊ အရောင်အသွေးစုံလင်မှုများကို လွတ်လပ်စွာပေါ်လွင်စေသည့် အချည်းနှီးတစ်ခုကို ဖန်တီးပေးသည်။ - Bone White
#ffffff— ခေါင်းစဉ်များ၊ ကိုယ်ထည်စာသား၊ အိုင်ကွန်ဖြည့်ခြင်း၊ အသက်ဝင်သော လမ်းညွှန်အခြေအနေ - အနက်ရောင်နောက်ခံတွင် အများဆုံးအဆင့်ဆင့်ကို ပေးစွမ်းသည့် တစ်ခုတည်းသော စာလုံးအရောင်။ - Ash Gray
#9a9a9a— သိမ်မွေ့သော လမ်းညွှန်စာသား၊ ဖောက်ထွင်းမြင်ရသော လင့်ခ်အရောင်နှင့် အပိုအညွှန်းများကို မမြင်ရအောင် အဓိကစာသားနောက်တွင် ဝှက်ထားသည်။ - Silver Mist
#bdbdbd— နောက်ထပ်စာသား၊ စာတန်းအဆင့်ရှိ အချက်အလက် - နောက်ခံအခြေအနေကို ပံ့ပိုးရန်အတွက် အတိတ်ဆိတ်ဆုံးနှင့် အဖတ်ရဆုံး မီးခိုးရောင်။ - Saffron Spark
#ffb829— စာသားကို မီးမောင်းထိုးပြခြင်း၊ လင့်ခ်များကို အလေးပေးဖော်ပြခြင်းနှင့် ပုဒ်ဖြတ်ပုဒ်ရပ်များဖြင့် အာရုံစိုက်မှုကို ဆွဲဆောင်ခြင်း—ခရမ်းရောင်နောက်ခံနှင့် နွေးထွေးသောအဝါရောင်သည် အမှတ်တံဆိပ်အတွက် အရောင်တင်းမာမှုကို ဖန်တီးပေးသည်။ - Deep Verdant
#15846e— ဒုတိယမျက်နှာပြင်အရောင်တင်ခြင်း၊ gradient လိုဂိုရပ်တန့်ခြင်းသည် brand gradient ၏ မှောင်သောအနားသတ်တစ်ခုနှင့် မသိသာသော accent transitions ပုံစံဖြင့် ပေါ်လွင်သည်။
စာလုံးပုံစံ
၁၂ မှ ၁၁၃px အထိ · ၁၀ ဆင့်
- PPNeueMontreal — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 200, 400, 600, 700 · UI context အားလုံးတွင် တသမတ်တည်းရှိသော ဖောင့်ကို အသုံးပြုထားသည်။ display size များ (78–113px) ရှိ heading များသည် -0.04em စာလုံးအကွာအဝေးပါသော 400 weight ကို အသုံးပြုသည်—body copy နှင့် အလေးချိန်တူသော်လည်း၊ scale ကြီးပါက hierarchy ကို ဖန်တီးပေးသည်။ 200 weight (ultra-light font) ကို 18px body copy အတွက် သီးသန့်ထားရှိသည်။ ၎င်းသည် brand-specific ဆုံးဖြတ်ချက်ဖြစ်သည်- AI/SaaS site အများစုသည် body copy အတွက် 400 ကို အသုံးပြုသော်လည်း၊ Dala သည် စာပိုဒ်များကို လေဝင်လေထွက်ကောင်းပြီး ရန်လိုခြင်းမရှိစေရန် weight ကို လျှော့ချသည်။ 14px စာလုံးအကွာအဝေး၊ 0.025em စာလုံးအကွာအဝေးနှင့် all-caps ပါသော 600 weight ကို navigation နှင့် ခေါင်းစဉ်ငယ်များအတွက် အသုံးပြုသည်။ 113px heading များနှင့် 15px body copy နှစ်ခုလုံးအတွက် 400 ကိုအသုံးပြုခြင်းသည် ပုံမှန်မဟုတ်ပေ—၎င်းသည် brand သည် hierarchy ကို ဖန်တီးရန် weight မဟုတ်ဘဲ scale ကို အားကိုးကြောင်း ညွှန်ပြသည်။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | သိပ်သည်းသော |
| အခြေခံအဆင့် | 6-18px |
| ခလုတ်အချင်းဝက် | 24px |
| ကတ်အချင်းဝက် | 24px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 60-120px |
| စာမျက်နှာအကျယ် | 1280px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို Dala ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- Linear — သန်းခေါင်ယံတိကျမှုကိရိယာ
- Resend — ခရမ်းရောင်နီယွန်အရောင်နဲ့ အနက်ရောင်ကတ္တီပါ
- Ciridae — မီးသွေးတွေ တဒိုင်းဒိုင်းတောက်နေတဲ့ ဗလာအခန်းတစ်ခု - တစ်ခုတည်းသော နွေးထွေးတဲ့အသံက သံချေးလွှာပါးပါးလေးပဲရှိပြီး မျက်နှာပြင်တိုင်းကို အရိပ်အစား နူးညံ့တဲ့မျဉ်းကြောင်းတွေနဲ့ သတ်မှတ်ခံထားရတဲ့ အနက်ရောင်နီးပါးရှိတဲ့ ဘုရားကျောင်းကြီးတစ်ခု။
- Dovetail — လရောင်မည်းအောက်က ပုံစံငယ်တစ်ခု—မမြင်ရတဲ့ ဂရပ်မျဉ်းကြောင်းတွေ၊ အဖြူရောင်ဖောင့်၊ ခရမ်းရောင်တောက်ပမှုတစ်ခု
- Neon — မှောင်ရီပျိုးပြီးနောက် ဆာဗာအခန်း။ ဒေတာနှင့် အသုံးပြုသူ အပြန်အလှန် ဆက်သွယ်မှုများမှ တစ်ခုတည်းသော အလင်းရောင် ထွက်ပေါ်လာသည့် လုံးဝမှောင်မိုက်သော နေရာ။
- Discord — ဂိမ်းကမ္ဘာကို pop-up chat window တစ်ခုနောက်ကွယ်တွင် ဝှက်ထားသည် - အပိုင်းတစ်ခုစီသည် ၎င်း၏ကိုယ်ပိုင်အလင်းရောင်နှင့် ဇာတ်ကောင်အစုံပါရှိသော သီးခြားပတ်ဝန်းကျင်တစ်ခုဖြစ်သည်။
- Aaru — သန်းခေါင်ယံတွင် အမှုန်ကွင်း စောင့်ကြည့်ရေးဌာန
- Atlas Card — နီလာရောင်တစ်ခုတည်းရှိသော သန်းခေါင်ယံအခေါင်းပေါက်သည် ပိန်းပိတ်အောင်မှောင်မိုက်နေသော ကျယ်ပြန့်သောနေရာတစ်ခုဖြစ်ပြီး အရေးကြီးဆုံးမှာ နက်ရှိုင်းသောလျှပ်စစ်အပြာရောင်သာရှိသည်။
- Midjourney — သမုဒ္ဒရာနက်ကြီးထဲက ဇီဝအလင်းတန်းတစ်ခု။ ဉာဏ်ရည်ဉာဏ်သွေးဟာ ASCII စီးကြောင်းတွေမှာ အမြင်အာရုံနဲ့ ဖြစ်ပေါ်လာပြီး ထိန်းချုပ်မှုတွေမှာတော့ မှိန်ဖျော့ဖျော့ တောက်ပနေတဲ့ ပုံစံတွေအဖြစ် ပေါ်လာတဲ့ ရေနက်ကမ္ဘာတစ်ခု။
- Checkly — နက်ရှိုင်းသောပတ်လမ်း မစ်ရှင် ထိန်းချုပ်ရေးစင်တာ
- Krea — သန်းခေါင်ယံတွင် ပြခန်း noir
- Wope — Wope သည် ခရမ်းရောင် မိုးကုတ်စက်ဝိုင်း မျက်နှာပြင်တစ်ခုဖြစ်သည်။ မှန်အောက်မှ ခရမ်းရောင်အလင်းတန်းများ ဖြာထွက်နေသော မှောင်မိုက်သော နက္ခတ်တာရာကြည့် စားပွဲတစ်ခုကို မြင်ယောင်ကြည့်ပါ။