Ciridae
မီးသွေးတွေ တဒိုင်းဒိုင်းတောက်နေတဲ့ ဗလာအခန်းတစ်ခု - တစ်ခုတည်းသော နွေးထွေးတဲ့အသံက သံချေးလွှာပါးပါးလေးပဲရှိပြီး မျက်နှာပြင်တိုင်းကို အရိပ်အစား နူးညံ့တဲ့မျဉ်းကြောင်းတွေနဲ့ သတ်မှတ်ခံထားရတဲ့ အနက်ရောင်နီးပါးရှိတဲ့ ဘုရားကျောင်းကြီးတစ်ခု။
Ciridae ဟာ ဗလာနတ္ထိမှာ အလုပ်လုပ်ပါတယ်- #0b0b0b ပတ္တူ၊ သိသာထင်ရှားတဲ့ မျဉ်းကြောင်းတွေပါတဲ့ ဆေးပြားပုံသဏ္ဍာန် ထိန်းချုပ်ကိရိယာတွေနဲ့ 400 အလေးချိန်ရှိတဲ့ Pragmatica Cond ရဲ့ စာလုံးကြီးတွေထဲမှာ စာလုံးပုံစံကို ပိတ်ထားပါတယ်—ထူထဲတဲ့အရောင်၊ ရောနှောထားတဲ့အရောင်၊ အလှဆင်ပစ္စည်းတွေ မပါဝင်ပါဘူး။ တစ်ခုတည်းသော chromatic note ကတော့ #cc6437 ပါပဲ၊ အဲဒါက အပါးလွှာဆုံး မျဉ်းကြောင်းတွေနဲ့ accent punctuation mark လေးတွေအဖြစ် အသုံးပြုထားတဲ့ နွေးထွေးပြီး မီးခိုးတလူလူ အရိပ်တစ်ခုဖြစ်ပြီး fill အနေနဲ့ မသုံးပါဘူး။ မြေပုံတွေဟာ #272a2a ပေါ်မှာ 10px အချင်းဝက်နဲ့ အရိပ်တွေ ပေါ်နေပါတယ်။ စနစ်က elevation ကို ရှောင်ပြီး tonal contrast နဲ့ အကောင်းဆုံး 1px border တွေကနေ မျက်နှာပြင်တွေကို သတ်မှတ်ပေးပါတယ်။ ဓာတ်ပုံတွေက မှုန်ဝါးနေပြီး လေထုဆန်တဲ့—အရည်စကျင်ကျောက်၊ မီးခိုး၊ မီးခိုး—တွေကို fullscreen mode မှာ စာသားရဲ့နောက်မှာ ထားထားတာကြောင့် အမြင်အာရုံပုံရိပ်တွေက သရုပ်ဖော်ပုံထက် လေထုဆန်တဲ့ခံစားချက်ကို ပိုပေးပါတယ်။
စာမျက်နှာ အပြင်အဆင်သည် အကျယ်အပြည့်ရှိပြီး အကြောင်းအရာကို အများဆုံး အကျယ် ~1400px အတွင်း အလယ်ဗဟိုတွင် ထားရှိသည်။ ဟီးရိုးသည် မှောင်မိုက်ပြီး အကျယ်အပြည့်ရှိသော ဖွဲ့စည်းမှုတစ်ခုဖြစ်ပြီး ဘယ်ဘက်နှင့် ညာဘက်တွင် မိုက်ခရိုတံဆိပ်များဖြင့် ဘေးချင်းကပ်ထားသည်။ အပိုင်းများသည် တစ်လှည့်စီဖြစ်သည်- မှောင်မိုက်ဟီးရိုး → အောက်ခံပါသော အလင်းအစင်း (အရိုး) → မှောင်မိုက်အသွင်ပြောင်းစာသား → စနစ်ကတ်များ၏ မှောင်မိုက်ဇယားကွက် → မှောင်မိုက်အောက်ခြေ။ အလင်းတစ်ခုတည်းသော အပိုင်းသည် တစ်ခုတည်းသော ထက်မြက်သော တန်ချိန်အကူးအပြောင်းကို ဖန်တီးပေးသည်။ ကတ်ဇယားကွက်သည် ကော်လံ ၄ ခုကို အသုံးပြုပြီး ပထမကတ်သည် အခြားသုံးခုထက် နှစ်ဆခန့် ကျယ်ဝန်းပြီး အကြောင်းအရာကို အလေးပေးသည့် မညီမျှသော အပြင်အဆင်ကို ဖန်တီးပေးသည်။ အပိုင်းများအကြား ဒေါင်လိုက်နေရာလွတ်သည် ကျယ်ဝန်းသည် (80px+)။ လမ်းညွှန်မှုမှာ အနည်းဆုံးဖြစ်သည်- ထိပ်တန်းသတင်းဘား + ဘယ်ဘက်သို့ ချိန်ညှိထားသော "ယခုစတင်ပါ" တစ်ခုနှင့် အပေါ်ဘားတွင် ညာဘက်သို့ ချိန်ညှိထားသော "မီနူး" တစ်ခု။ ဘေးဘက်ဘား မရှိ၊ မီဂါမီနူး မရှိပါ။
စာမျက်နှာမျက်နှာပြင်တစ်ခုလုံးကို နေရာယူထားသော လေထုဓာတ်ပုံများသည် ပင်မမျက်နှာပြင်နှင့် ကတ်များကို လွှမ်းမိုးထားသည်။ ရုပ်ပုံများသည် အလွန်မှုန်ဝါးနေပြီး (50px နှင့် 40px ၏ နောက်ခံမှုန်ဝါးမှုတန်ဖိုးများကို တွေ့ရှိသည်) မြင့်မားသော ဆန့်ကျင်ဘက်အရောင်ရှိပြီး အပြာ-အနီရောင် လှည့်ပတ်မှုများ၊ မီးခိုးများ၊ ရှုခင်းများ၏ မှောင်မိုက်သော အရိပ်များနှင့် မီး/မီးသွေး အသွင်အပြင်များပါရှိသော အရည်စကျင်ကျောက်ကို သရုပ်ဖော်ထားသည်။ ဓာတ်ပုံများသည် စိတ်ခံစားချက်ပြင်းထန်ပြီး မှောင်မိုက်နေပြီး တက်ကြွမှုမရှိပါ။ ၎င်းတို့သည် ဗလာကင်းဗတ်စ်နှင့် တူညီသော တန်ချိန်အပိုင်းအခြားကို မျှဝေကြပြီး ၎င်းနှင့် ထင်ရှားပေါ်လွင်ခြင်း မရှိပါ။ ထုတ်ကုန်ဓာတ်ပုံများ၊ လူများ၊ UI ဖန်သားပြင်ဓာတ်ပုံများ မရှိပါ။ ပုံများသည် သရုပ်ဖော်အကြောင်းအရာအဖြစ် အသုံးမချဘဲ လေထုကို ဖန်တီးပေးသည်။ ကတ်ဇယားကွက်သည် စနစ်တစ်ခုစီကို မတူညီသော လေထုမြင်ကွင်းတစ်ခုသို့ မြေပုံဆွဲပေးပြီး ဓာတ်ပုံများကို စာသားအတိုင်း ထုတ်ကုန်ပုံများအစား abstract visual identifiers အဖြစ် လုပ်ဆောင်နိုင်စေပါသည်။
ရောင်စုံ
အမှတ်တံဆိပ်
- Ember Rust
#cc6437— အသားပေးဆွဲချက်များ၊ အိုင်ကွန်မျဉ်းကြောင်းများနှင့် စာသားငယ်များ အသားပေးဖော်ပြထားခြင်းများသည် monochrome စနစ်တွင် တစ်ခုတည်းသော chromatic အရောင်ဖြစ်ပြီး ဖြည့်ခြင်းထက် တုန်ခါနေသော အစက်အပြောက်အဖြစ်သာ မြင်ရသည်။
ကြားနေ
- Void Black
#0b0b0b— အဓိကစာမျက်နှာနှင့် အပိုင်းများအတွက် နောက်ခံပုံများ၊ စနစ်တစ်ခုလုံး၏ အခြေခံ။ - Charcoal Surface
#272a2a— မှောင်နေသောနေရာများတွင် ကတ်ထူပြားနှင့် ပြားများဖြင့် ပြုလုပ်ထားသော နောက်ခံပုံများသည် ပတ္တူထက် တစ်တန်ပေါ့ပါးသောကြောင့် အရိပ်များမပါဘဲ မျက်နှာပြင်များကို ခွဲခြားထားသည်။ - Bone
#edebe7— နောက်ခံနှင့် မျက်နှာပြင်၏ လင်းသောနေရာများသည် ခရင်မ်ရောင်ဖြစ်ပြီး စနစ်သည် မှောင်သောနေရာမှ လင်းသောနေရာသို့ ပြောင်းလဲသည်။ - Bone Darker
#dfddd9— “Bone” ဟုခေါ်သော နူးညံ့သိမ်မွေ့သောအရိပ်သည် အလွှာများစွာပါသော ပေါ့ပါးသောမျက်နှာပြင်များနှင့် နွေးထွေးပြီး အဖြူရောင်နီးပါးရှိသော အစိတ်အပိုင်းများအတွက်။ - Pure White
#ffffff— အဓိကစာသားနှင့် ခေါင်းစဉ်များ၊ ghost ခလုတ်ဘောင်များနှင့် navigation element အားလုံးသည် Void အနက်ရောင်နောက်ခံပေါ်တွင် 19.7:1 contrast ratio ရှိသော မူလအရောင်ဖြစ်သည်။ - Abyss
#050505— သတင်းစင်း (ထိပ်တန်းသတင်းစင်း) အတွက် နောက်ခံမြှင့်တင်ထားသည် - သတင်းစင်းကို ထင်ရှားစေရန်အတွက် အဓိကကင်းဗတ်ထက် တစ်ဆင့်ပိုမှောင်သည်။
စာလုံးပုံစံ
၁၁ မှ ၃၂px အထိ · အဆင့် ၅ ဆင့်
- Pragmatica Cond — အစားထိုးခြင်း: Oswald · မျဉ်းကြောင်းများ 400 · အဓိက မျက်နှာပြင်နှင့် အသုံးပြုသူ မျက်နှာပြင်ဖောင့်သည် ကျဉ်းမြောင်းပြီး အကျဉ်းချုံ့ထားသော ဖောင့်ဖြစ်ပြီး ကိုယ်ထည်စာသားအတွက် 14px all-caps၊ အပိုင်းခေါင်းစဉ်များအတွက် 20px နှင့် အဓိကစာသားအတွက် 32px ဖြစ်သည်။ အလွန်ကျဉ်းမြောင်းသော ဖောင့်နှင့် ကိုယ်ထည်စာသားအတွက် 14px all-caps သည် စနစ်အတွက် အထူးခြားဆုံး ဖြေရှင်းချက်ဖြစ်သည်- ကိုယ်ထည်စာသားသည် သာမန်စကားပြေကဲ့သို့မဟုတ်ဘဲ ဗိသုကာပုံစံ စာလုံးပုံစံ၏ တိုးတိုးလေးဖတ်ရသကဲ့သို့ ဖတ်ရသည်။ Pragmatica Condensed မရနိုင်ပါက Oswald သို့မဟုတ် Barlow Condensed ဖြင့် အစားထိုးပါ။
- Pragmatica — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 400 · စကားပြေစာပိုဒ်ရှည်များအတွက် အသုံးပြုသော ဒုတိယ၊ အဓိကဖောင့် (ဥပမာ၊ "AI Operating System" ကတ်ဖော်ပြချက်သည် 24px၊ စာပိုဒ်စာသားသည် 15px)။ ပိုကြီးသောဘလောက်များတွင် ဖတ်ရှုရလွယ်ကူစေရန်အတွက် Pragmatica Cond ထက် အနည်းငယ်ပိုကျယ်သော်လည်း အလေးချိန် 400 တွင်ရှိနေပါသည် - ဘယ်တော့မှ စာလုံးထူမထားပါ။ Inter သို့မဟုတ် Söhne ဖြင့် အစားထိုးပါ။
- Roboto Mono — အစားထိုးခြင်း: Roboto Mono (free · မျဉ်းကြောင်းများ 400 · သတင်းတိုအတွက် monospaced microfont ("သတင်း • ဇွန် ၁၅၊ ၂၀၂၆ • CRUCIBLE early ACCESS ယခုဖွင့်လှစ်ပါပြီ")။ monospaced font ကို ဤနေရာတွင်သာ အသုံးပြုထားပြီး လုပ်ဆောင်ချက်ဆိုင်ရာ ခြားနားချက်ကို ရှင်းရှင်းလင်းလင်း ဖန်တီးပေးသည်- ၎င်းသည် branding မဟုတ်ဘဲ system data ဖြစ်သည်။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | ပျမ်းမျှ |
| အခြေခံအဆင့် | 16-20px |
| ခလုတ်အချင်းဝက် | 1440px |
| ကတ်အချင်းဝက် | 10px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 80px |
| စာမျက်နှာအကျယ် | 1400px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို Ciridae ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- Dala — အနက်ရောင်ကတ္တီပါပေါ်တွင် ဝဲပျံနေသော ကြယ်စုတစ်ခု
- Linear — သန်းခေါင်ယံတိကျမှုကိရိယာ
- Resend — ခရမ်းရောင်နီယွန်အရောင်နဲ့ အနက်ရောင်ကတ္တီပါ
- Dovetail — လရောင်မည်းအောက်က ပုံစံငယ်တစ်ခု—မမြင်ရတဲ့ ဂရပ်မျဉ်းကြောင်းတွေ၊ အဖြူရောင်ဖောင့်၊ ခရမ်းရောင်တောက်ပမှုတစ်ခု
- Neon — မှောင်ရီပျိုးပြီးနောက် ဆာဗာအခန်း။ ဒေတာနှင့် အသုံးပြုသူ အပြန်အလှန် ဆက်သွယ်မှုများမှ တစ်ခုတည်းသော အလင်းရောင် ထွက်ပေါ်လာသည့် လုံးဝမှောင်မိုက်သော နေရာ။
- Discord — ဂိမ်းကမ္ဘာကို pop-up chat window တစ်ခုနောက်ကွယ်တွင် ဝှက်ထားသည် - အပိုင်းတစ်ခုစီသည် ၎င်း၏ကိုယ်ပိုင်အလင်းရောင်နှင့် ဇာတ်ကောင်အစုံပါရှိသော သီးခြားပတ်ဝန်းကျင်တစ်ခုဖြစ်သည်။
- Aaru — သန်းခေါင်ယံတွင် အမှုန်ကွင်း စောင့်ကြည့်ရေးဌာန
- Atlas Card — နီလာရောင်တစ်ခုတည်းရှိသော သန်းခေါင်ယံအခေါင်းပေါက်သည် ပိန်းပိတ်အောင်မှောင်မိုက်နေသော ကျယ်ပြန့်သောနေရာတစ်ခုဖြစ်ပြီး အရေးကြီးဆုံးမှာ နက်ရှိုင်းသောလျှပ်စစ်အပြာရောင်သာရှိသည်။
- Midjourney — သမုဒ္ဒရာနက်ကြီးထဲက ဇီဝအလင်းတန်းတစ်ခု။ ဉာဏ်ရည်ဉာဏ်သွေးဟာ ASCII စီးကြောင်းတွေမှာ အမြင်အာရုံနဲ့ ဖြစ်ပေါ်လာပြီး ထိန်းချုပ်မှုတွေမှာတော့ မှိန်ဖျော့ဖျော့ တောက်ပနေတဲ့ ပုံစံတွေအဖြစ် ပေါ်လာတဲ့ ရေနက်ကမ္ဘာတစ်ခု။
- Checkly — နက်ရှိုင်းသောပတ်လမ်း မစ်ရှင် ထိန်းချုပ်ရေးစင်တာ
- Krea — သန်းခေါင်ယံတွင် ပြခန်း noir
- Wope — Wope သည် ခရမ်းရောင် မိုးကုတ်စက်ဝိုင်း မျက်နှာပြင်တစ်ခုဖြစ်သည်။ မှန်အောက်မှ ခရမ်းရောင်အလင်းတန်းများ ဖြာထွက်နေသော မှောင်မိုက်သော နက္ခတ်တာရာကြည့် စားပွဲတစ်ခုကို မြင်ယောင်ကြည့်ပါ။