Mercury
ညနေခင်းတွင် အယ်လ်ပိုင်းကမ်းပါးများ
Mercury သည် Alpine ဘဏ်လုပ်ငန်းဆိုင်ရာ အလှအပအတွင်း လည်ပတ်သည်- အနက်ရောင်နီးပါးရှိသော ပတ္တူ (#171721) သည် ရုပ်ရှင်ဆန်ဆန်၊ နက္ခတ်တာရာကြည့်မှန်ပြောင်းကဲ့သို့သော လေထုကို ဖန်တီးပေးပြီး အကြောင်းအရာမျက်နှာပြင်များသည် အနည်းငယ်ပေါ့ပါးသော ဂရပ်ဖိုက်ကတ်များအဖြစ် ပေါ်လွင်နေသည်။ interface သည် အများအားဖြင့် monochrome—onyx ပေါ်တွင် ivory text ဖြစ်ပြီး တစ်ခုတည်းသော vibrant cobalt (#5266eb) element ကို အဓိက "Open Account" လုပ်ဆောင်ချက်အတွက် သီးသန့်အသုံးပြုသည်။ Typography သည် အဓိက ဖော်ပြနိုင်စွမ်းကို သယ်ဆောင်သည်- custom display font 480 (bold သို့မဟုတ် light မဟုတ်) နှင့် 400 ၏ သိမ်မွေ့သော body font တွဲဖက်ထားခြင်းသည် ယုံကြည်မှုရှိသော်လည်း ဘယ်တော့မှ တောက်ပသော စတိုင်ကို ဖန်တီးပေးသည်။ အစိတ်အပိုင်းများသည် ပြားချပ်ချပ်နှင့် frameless ဖြစ်ပြီး အရိပ်များအစား ဖွဲ့စည်းပုံကို သတ်မှတ်ရန် 12px graphite card radius နှင့် capsule-shaped controls များကို အားကိုးသည်။ စာမျက်နှာ၏ မျက်နှာပြင်တစ်ခုလုံးကို နေရာယူထားသော အဓိက ဓာတ်ပုံ element—အထီးကျန်စားပွဲတစ်ခုနှင့် ယှဉ်တွဲထားသော မြူခိုးတောင်တန်းများ—သည် user interface မစတင်မီ ခံစားချက်ကို သတ်မှတ်ပေးပြီး နောက်ဆက်တွဲ element တိုင်းသည် ထိုတိတ်ဆိတ်ငြိမ်သက်ပြီး premium မှောင်မိုက်မှုကို ထိန်းသိမ်းထားသည်။
အကြောင်းအရာအားလုံးကို မှောင်မိုက်ပြီး အကျယ်အပြည့်ပုံစံဖြင့် ဒီဇိုင်းထုတ်ထားသည်။ အဓိကမျက်နှာပြင်သည် 100px၊ အကျယ်အပြည့်ဓာတ်ပုံဖြစ်ပြီး အလယ်ဗဟိုတွင် ခေါင်းစဉ်၊ စာသားအောက်ခံနှင့် အီးမေးလ်ဆက်သွယ်ရန်အချက်အလက်များစုဆောင်းရန် ဖောင်ဘလောက်တစ်ခုပါရှိသည် (အများဆုံးအကျယ် ~640px)။ အဓိကမျက်နှာပြင်အောက်တွင် အကြောင်းအရာကို အများဆုံးအကျယ် 1200px ရှိပြီး 72px ဒေါင်လိုက်အနားသတ်များပါရှိသော အပိုင်းများအဖြစ် စီစဉ်ထားပြီး ဘယ်ဘက်တွင် စာသားကော်လံနှစ်ခုပါ အပြင်အဆင်နှင့် ညာဘက်တွင် ရုပ်ပုံတစ်ခုနှင့် ကော်လံသုံးခုပါ ထုတ်ကုန်ဖော်ပြချက်ကတ်များအကြား တစ်လှည့်စီဖြစ်သည်။ လမ်းညွှန်ချက်သည် အဓိကမျက်နှာပြင်ပေါ်တွင် ထပ်နေသော ပွင့်လင်းမြင်သာသော အပေါ်ဘားတစ်ခုဖြစ်ပြီး သင် scroll လုပ်သည့်အခါ frosted glass (နောက်ခံမှုန်ဝါးခြင်း) နှင့်ဆင်တူသော အစိုင်အခဲမှောင်မိုက်သော ဖြည့်မှုသို့ ပြောင်းလဲသွားမည်ဖြစ်သည်။ အောက်ခြေတွင် မှတ်စုစာသားဖြင့် မှောင်မိုက်သည်။ ဒေါင်လိုက်စည်းချက်သည် ကျယ်ဝန်းပြီး အပိုင်းများအကြားတွင် နေရာများစွာရှိသည်။ ဘေးထွက်လမ်းညွှန်ချက်မရှိပါ။ လမ်းညွှန်ချက်အားလုံးကို အပေါ်ဘားတွင် တည်ရှိသည်။
အဓိကအပိုင်းကို အပြည့်အဝအကျယ် ရုပ်ရှင်ဓာတ်ပုံများ—လေထုနှင့် လှုံ့ဆော်မှုဖြစ်စေသော ရှုခင်းများ (မြူခိုးများဖုံးလွှမ်းနေသော တောင်များ၊ သဘာဝတွင် သီးသန့်အလုပ်ခွင်များ)—က လွှမ်းမိုးထားပြီး ဘဏ်လုပ်ငန်းကို ဆင်ခြင်တွေးတောဖွယ်၊ မြင့်မြတ်သော အတွေ့အကြုံတစ်ခုအဖြစ် ပုံဖော်ထားသည်။ ဓာတ်ပုံများသည် အရည်အသွေးမြင့်ပြီး အနည်းငယ် မှိန်ဖျော့နေပြီး အေးမြသောအရောင်များနှင့် စာသားကို ဖတ်ရှုရလွယ်ကူစေရန် သိမ်မွေ့သော မှောင်မိုက်သော အပေါ်ယံလွှာဖြင့် ပြုလုပ်ထားသည်။ အဓိကအပိုင်းအောက်တွင် ပုံများကို ထုတ်ကုန်၏ အသုံးပြုသူမျက်နှာပြင်၏ ဖန်သားပြင်ဓာတ်ပုံများနှင့် abstract၊ လေထုနောက်ခံများဖြင့် အလှည့်ကျပြသထားသည်။ သရုပ်ဖော်ပုံများ၊ အနုပညာလက်ရာများနှင့်ဆင်တူသော အိုင်ကွန်များ မပါရှိပါ—အမြင်အာရုံဒြပ်စင်များသည် ဓာတ်ပုံ သို့မဟုတ် လုပ်ဆောင်ချက်သက်သက်သာဖြစ်သည်။ အသုံးပြုသူမျက်နှာပြင်တစ်လျှောက်ရှိ အိုင်ကွန်ပုံစံသည် လမ်းညွှန်မှု၊ ခလုတ်များနှင့် ပုံစံဒြပ်စင်များတွင် အသုံးပြုသော minimalist၊ ဆင်စွယ်ရောင် မျဉ်း/ဂလစ်ပုံစံဖြစ်သည်။
ရောင်စုံ
အမှတ်တံဆိပ်
- Cobalt
#5266eb— ခရမ်းရောင်ကို ဖြည့်ထားသော ခလုတ်များ၊ ရွေးချယ်ထားသော လမ်းညွှန်အခြေအနေများနှင့် အာရုံစိုက်မှုအခြေပြု ပြောင်းလဲခြင်း အခိုက်အတန့်များအတွက် အသုံးပြုသည်။
ကြားနေ
- Onyx Canvas
#171721— အဓိကစာမျက်နှာနောက်ခံ၊ ပင်မမျက်နှာပြင်အတွက် အခြေခံထပ်ပိုးမှု၊ အောက်ခြေနှင့် အပိုင်းများအတွက် ကင်းဗတ်စ်များ။ - Graphite Card
#1e1e2a— ကတ်ထူပြားနှင့် အပိုင်းများ၏ မြင့်တက်နေသော မျက်နှာပြင်များသည် ပတ္တူထက် တစ်ဆင့်ပေါ့ပါးပြီး ချောမွေ့သော ခွဲထွက်မှုကို ဖန်တီးပေးသည်။ - Obsidian Button
#272735— အပိုခလုတ်ဖြည့်မှုများ၊ ထည့်သွင်းထားသောပုံစံနောက်ခံများ၊ မမြင်သာသော အပြန်အလှန်တုံ့ပြန်နိုင်သော မျက်နှာပြင်များ။ - Slate Border
#70707d— အကြောင်းအရာဘလောက်များအကြားရှိ အလယ်အလတ်အထူ ပိုင်းခြားကိရိယာများနှင့် ဖွဲ့စည်းပုံဆိုင်ရာ နယ်နိမိတ်များ။ - Mist Border
#e2e3ed— ပါးလွှာပြီး မသိသာသော ဘောင်များ၊ မသိသာသော ခလုတ်များ၏ အနားသတ်များ၊ ထည့်သွင်းသည့်အကွက်၏ အနားများ - မှောင်မိုက်သော နောက်ခံပေါ်ရှိ အလင်းဖျော့သော ဘောင်။ - Ash Text
#c3c3cc— အဓိကစာသား၊ အရန်စာသား၊ အပိုအညွှန်းများ - ဖတ်ရှုရလွယ်ကူမှု မဆုံးရှုံးဘဲ အဆင့်ဆင့်ရိုးရှင်းအောင် ပြုလုပ်ထားသည်။
စာလုံးပုံစံ
၁၂ မှ ၆၅ px အထိ · အဆင့် ၉ ဆင့်
- arcadia — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 360, 400, 420, 480 · Main နှင့် User Interface - လမ်းညွှန်၊ ကိုယ်ထည်စာသား၊ ခလုတ်များ၊ input field များ၊ label များနှင့် auxiliary text အတွက် ဖောင့်တစ်ခုဖြစ်ပြီး ကိုယ်ထည်စာသားအတွက် အလေးချိန် ၄၀၀ နှင့် အလေးပေးဖော်ပြမှုအတွက် အလေးချိန် ၄၈၀ ရှိသည်။ စံ (၃၀၀/၄၀၀/၆၀၀) အစား အလယ်အလတ်အလေးချိန်စကေး (၃၆၀၊ ၄၂၀၊ ၄၈၀) သည် Mercury စာသားကို ထူးခြားစွာဟန်ချက်ညီသော အသွင်အပြင်ကို ပေးစွမ်းသည် - ဘယ်တော့မှ ရဲရင့်ခြင်းမရှိ၊ ဘယ်တော့မှ ပါးလွှာခြင်းမရှိ၊ အမြဲတမ်းတိုင်းတာထားသည်။
- arcadiaDisplay — အစားထိုးခြင်း: Söhne Breit · မျဉ်းကြောင်းများ 360, 480, 530 · ခေါင်းစဉ်များနှင့် အလှဆင်ဒြပ်စင်များအတွက် ဖောင့်ကို 28px မှ 65px အထိ ခေါင်းစဉ်အရွယ်အစားအားလုံးအတွက် 480 အလေးချိန်တွင် အသုံးပြုထားပြီး 530 ကို အကြီးဆုံး အလှဆင်ဒြပ်စင်များအတွက် သီးသန့်ထားရှိသည်။ မျဉ်းနိမ့်အမြင့် (1.1–1.2) နှင့် အပေါင်းစာလုံးအကွာအဝေး (0.01–0.02em) တို့သည် အလှဆင်စာသားကို အယ်ဒီတာ့အာဘော်စာသားတွင်တွေ့ရသော ချုံ့ထားသောဖွဲ့စည်းပုံထက် ကျယ်ပြန့်ပြီး ဗိသုကာပုံစံကို ပေးစွမ်းသည်။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | ပျမ်းမျှ |
| အခြေခံအဆင့် | 12px |
| ခလုတ်အချင်းဝက် | 32px |
| ကတ်အချင်းဝက် | 12px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 72px |
| စာမျက်နှာအကျယ် | 1200px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို Mercury ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- Origin Financial — တိတ်ဆိတ်ငြိမ်သက်သော ခမ်းနားထည်ဝါမှု၏ သန်းခေါင်ယံပြခန်း။ ကြီးမားသော serif စာလုံးများနှင့် တောက်ပသော ရောင်စုံပြားအနည်းငယ်သည် ဘဏ္ဍာရေးသည် ဂရုတစိုက်ရွေးချယ်ထားသော အနုပညာလက်ရာတစ်ခုဖြစ်သည်ဟု ခံစားချက်ကို ဖန်တီးပေးသည့် တိတ်ဆိတ်ပြီး မှောင်မိုက်လုနီးပါးရှိသော အခန်းတစ်ခန်း။
- Air — ရုပ်တု "ဖန်ခွက်မှတစ်ဆင့် သန်းခေါင်ယံကောင်းကင်"
- Slash — ရွှေချထားသော စာရင်းဇယားများပါသည့် သန်းခေါင်ယံ သေတ္တာ
- dope.security — ခရမ်းရောင် မီးပွိုင့်များပါသည့် သန်းခေါင်ယံ ဂိတ်
- Modal — မှောင်မိုက်နေသော ဆာဗာအခန်းရှိ ဖော့စဖောရက်စ် တာမီနယ်တစ်ခု - တစ်ခုတည်းသော အလင်းရောင်ရင်းမြစ်မှာ တောက်ပသော အစိမ်းရောင်ဖြစ်သည်
- Giga — ရေခဲအော့ဘ်စီဒီယန်ပေါ်က သန်းခေါင်ယံမိုးကုပ်စက်ဝိုင်း
- Dovetail — သန်းခေါင်ယံတွင် Blueprint Control Center
- Dovetail — လရောင်မည်းအောက်က ပုံစံငယ်တစ်ခု—မမြင်ရတဲ့ ဂရပ်မျဉ်းကြောင်းတွေ၊ အဖြူရောင်ဖောင့်၊ ခရမ်းရောင်တောက်ပမှုတစ်ခု
- AgentQL — ညအချိန်တွင် ဆိပ်ကမ်းပေါ်ရှိ မြောက်ပိုင်းအလင်းရောင်များ
- Supabase — မီးသွေးဖုန်မှုန့်ပင်လယ်ပေါ်တွင် တစ်ခုတည်းသော chromatic pulse ဖြင့် ဖော့စဖရပ်စ်အစိမ်းရောင်အစက်တစ်စက်ဖြင့် သန်းခေါင်ယံတွင် ကုဒ်တည်းဖြတ်သူ
- Changelog — မှောင်မည်းသော မှန်ချပ်များနောက်ကွယ်ရှိ နက္ခတ်တာရာကြည့်စင်
- GitHub — ဇီဝအလင်းပြန်နိုင်သော ထိန်းချုပ်မှတ်များပါရှိသော အာကာသ အမိန့်ပေးခုံတစ်ခု—အစိမ်းရောင်အလင်းတစ်ခုတည်းက ရှေ့သို့လမ်းညွှန်ပြသည့် မှောင်မိုက်ပြီး လေထုဆန်သော အလုပ်ခွင်တစ်ခု။