Vivid+Co
အော့ဘ်စီဒီယန်မှတစ်ဆင့် ပရစ်စမက်တစ်အလင်းရောင်
Vivid+Co သည် ရုပ်ရှင်ဆန်ဆန်၊ မှောင်မိုက်သော ဗလာနတ္ထိတွင် လုပ်ဆောင်သည်- #101010–#495764 ၏ အနက်ရောင်နီးပါး ပတ္တူတစ်ခု၊ စာလုံးမျက်နှာများနှင့် interface element အားလုံးနီးပါးအတွက် အသုံးပြုသည့် တစ်ခုတည်းသော၊ အဖြူရောင်နီးပါး hue (#fffdf9) ဖြင့် အနှောင့်အယှက်ပေးသည်။ Typography ကို အဓိကအားဖြင့် Neue Montreal တွင် 400 weight ဖြင့် ပုံဖော်ထားသည်—bold ကို ရည်ရွယ်ချက်ရှိရှိ ငြင်းပယ်ခြင်းဖြစ်ပြီး၊ အလေးချိန်ထက် scale (136px နှင့် 105px) မှတစ်ဆင့် အခွင့်အာဏာကို ရရှိသည်။ ထူးခြားသော နည်းပညာတစ်ခုမှာ chromatic prism ဖြစ်သည်- RGB ဖြင့် ခွဲထားသော saturated red/green/blue light များ၏ blocks များသည် ဖန်တုံးများကို filter လုပ်ကာ monochrome မျက်နှာပြင်ကို အနှောင့်အယှက်ပေးသည်။ layout သည် အလယ်ဗဟိုတွင်ရှိပြီး ကျယ်ဝန်းသည်။ navigation၊ body copy နှင့် links အားလုံးကို #fffdf9 color တစ်ခုတည်းတွင် ထားပြီး သီးခြား accent buttons၊ fills သို့မဟုတ် shadows များမပါဘဲ—ခွဲခြားမှုကို spacing၊ scale နှင့် brand ၏ တစ်ခုတည်းသော accent အဖြစ် ဆောင်ရွက်သော rainbow artifact မှတစ်ဆင့် ရရှိသည်။
အများဆုံး 1440px ~ အတိုင်းအတာရှိသော အကြောင်းအရာတစ်ခုတည်းရှိသော ကော်လံပါသည့် မှောင်မိုက်ပြီး အကျယ်အပြည့်ရှိသော ပတ္တူတစ်ခု။ အဓိကဒြပ်စင်မှာ ထပ်နေသောခေါင်းစဉ် (ကုဗများနှင့် ဖြတ်နေသောစာသား) နှင့် ဘယ်ဘက်သို့ညှိထားသော စာတန်းထိုးပါသည့် အလယ်ဗဟိုရှိ ပရစ်စတစ်အနုပညာလက်ရာတစ်ခုဖြစ်သည်။ လမ်းညွှန်သည် အပေါ်ဘားပါးလွှာတွင်တည်ရှိသည်- ဘယ်ဘက်တွင် လိုဂို၊ ညာဘက်တွင် မမြင်ရသောလင့်ခ်လေးခုနှင့် အတန်း၏အဆုံးတွင် သီးသန့် "ဆက်သွယ်ရန်" ခလုတ်တစ်ခုရှိသည်။ အပိုင်းစည်းသည် အမြင့်အပြည့်ရှိသော သူရဲကောင်းပြားများနှင့် ~108px ကွာဟချက်များပါရှိသော ကျဉ်းမြောင်းသော အကြောင်းအရာအပိုင်းအစများအကြား အလှည့်ကျပြောင်းလဲသည်။ အကြောင်းအရာအပြင်အဆင်သည် မညီမျှပါ- ပရစ်စတစ်အနုပညာလက်ရာသည် အမြင်အာရုံဗဟိုအဖြစ်ဆောင်ရွက်ပြီး ခေါင်းစဉ်များသည် ၎င်းပတ်လည်တွင် ဝန်းရံထားသည်။ ကော်လံတစ်ခုတည်းပါသော စာသားဘလောက်များသည် အများဆုံးအကျယ် 440px ခန့်ရှိသည်။ ကော်လံများစွာပါသော ဇယားကွက်များ၊ ကတ်မက်ထရစ်များနှင့် ဈေးနှုန်းဇယားများ မရှိပါ။ အောက်ခြေသည် မက်တာဒေတာကော်လံနှစ်ခုပါသော ပါးလွှာသောမျဉ်းတစ်ကြောင်းဖြင့် ပိုင်းခြားထားသော ပါးလွှာသောအစင်းတစ်ခုဖြစ်သည်။
အဓိကဒီဇိုင်းဒြပ်စင်မှာ RGB အရောင်ဖြင့် ပိုင်းခြားထားသော ဖန်တုံးများ၏ abstract 3D ရုပ်ပုံဖြစ်ပြီး အနားများတွင် chromatic aberration ပါရှိသည်။ ဓာတ်ပုံများ၊ လူပုံများ၊ ထုတ်ကုန်ပုံများ မပါဝင်ပါ။ prism သည် brand ၏ပုံရိပ်ဖြစ်ပြီး ကျန်အရာအားလုံးသည် မှောင်မိုက်သော canvas ပေါ်တွင် monochrome typography ဖြစ်သည်။ iconography သည် အနည်းဆုံးဖြစ်သည်- သိမ်မွေ့သော navigation label များနှင့် ခေါင်းစဉ်တစ်ခု၏အဆုံးတွင် cursor/glyph accent သေးငယ်သော (ဧရိယာ 142765) သည် တစ်ခုတည်းသော monolinear 16px icon ကို ညွှန်ပြသည်။ ရုပ်ပုံများ မပါဝင်ပါ၊ အလှဆင်ပုံစံများ မပါဝင်ပါ၊ texture များ မပါဝင်ပါ။
ရောင်စုံ
ကြားနေ
- Bone White
#fffdf9— အဓိကစာသား၊ လမ်းညွှန်တံဆိပ်များ၊ လင့်ခ်အရောင်နှင့် ခေါင်းစဉ်ဖြည့်ခြင်းတို့သည် အဖြူရောင်နီးပါးဖြစ်ပြီး မှောင်သောကင်းဗတ်စ်ပေါ်ရှိ စာလုံးမျက်နှာပြင်အားလုံးကို နေရာယူထားသည်။ - Obsidian
#101010— အဓိကနှင့် ပိုင်းခြားထားသော အစင်းများအတွက် နောက်ခံဖြည့်ထားသော စာမျက်နှာကင်းဗတ်စ်သည် အထဲတွင် ပရစ်စတစ် ရှေးဟောင်းပစ္စည်းပါသည့် နက်ရှိုင်းသော အနက်ရောင်ဖြစ်သည်။ - Graphite Veil
#495764— ခေါင်းစဉ်များနှင့် အကြောင်းအရာဘလောက်များနောက်ကွယ်တွင်၊ အေးမြသော မှောင်မိုက်သော ကျောက်သင်ပုန်းက လွှမ်းမိုးထားပြီး ပြားချပ်သော အနက်ရောင်မသုံးဘဲ ပတ္တူကို အနက်ပေးပါသည်။ - Ash Border
#403f3f— စာသားနှင့် ယှဉ်ပြိုင်ခြင်းမရှိဘဲ မျဉ်းများကို ပိုင်းခြားရန်အတွက် 1px တွင် သိမ်မွေ့သော ပိုင်းခြားမျဉ်းနှင့် ကတ်အပြင်အဆင်ကို အသုံးပြုသည်။ - Fog Blue
#6f879c— သိမ်မွေ့သော ဒုတိယစာသားနှင့် သိမ်မွေ့သော ခလုတ်တံဆိပ်များ (၃.၇:၁ ဆန့်ကျင်ဘက်) - “မဟာဗျူဟာ”၊ “ဖန်တီးမှု”၊ “ဆက်သွယ်ရေး + စျေးကွက်ရှာဖွေရေး” ကဲ့သို့သော ဝန်ဆောင်မှုအမျိုးအစား သတ်မှတ်ချက်များကို မီးမောင်းထိုးပြခြင်းမရှိသော မက်တာဒေတာအဖြစ် မြင်ကြသည်။ - Pure Black
#000000— SVG အိုင်ကွန်များနှင့် သရုပ်ဖော်ပုံများအတွက် အလှဆင်ဖြည့်စွက်ခြင်း—ပရစ်ဇမ်ပုံနှင့် အိုင်ကွန် glyphs များတွင် အသုံးပြုသည်။ နောက်ခံမဟုတ်ပါ။
စာလုံးပုံစံ
၁၅ မှ ၁၃၆ px အထိ · အဆင့် ၉ ဆင့်
- Neue Montreal — အစားထိုးခြင်း: Söhne · မျဉ်းကြောင်းများ 400, 700 · သီးသန့်ဖောင့်ကို user interface တစ်လျှောက်လုံးတွင် အသုံးပြုထားသည်—ခေါင်းစဉ်များ၊ ကိုယ်ထည်မိတ္တူ၊ navigation၊ ခလုတ်များ၊ လင့်ခ်များနှင့် footer။ ၄၀၀ အလေးချိန်သည် default ဖြစ်ပြီး ၇၀၀ အလေးချိန်ကို subheadings များအတွက်သာ သီးသန့်ထားရှိသည်။ 105px နှင့် 136px အလေးချိန်ရှိသော ခေါင်းစဉ်များသည် လိုင်းအကွာအဝေး 1.00–1.01em နှင့် စာလုံးအကွာအဝေး -0.02em ရှိပြီး typographic ထက် ပိုမိုပန်းပုရုပ်ထုဆန်သည်ဟု ခံစားရစေသော ရုပ်ရှင်ဆန်ဆန်၊ အစုအဝေးလိုက် ခေါင်းစဉ်များကို ဖန်တီးပေးသည်။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | ကျယ်ဝန်းသော |
| အခြေခံအဆင့် | 7px |
| ခလုတ်အချင်းဝက် | 0px |
| ကတ်အချင်းဝက် | 15px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 108px |
| စာမျက်နှာအကျယ် | 1440px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို Vivid+Co ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- Sequel — မှောင်မိုက်နေတဲ့ ရုပ်ရှင်ရုံမှာ ညအချိန် သီးသန့်ပြသတာက တစ်ခုတည်းသော နွေးထွေးတဲ့အလင်းရောင်ပါပဲ။
- ThoughtLab — ကြက်သွေးရောင် အချက်ပြမှုပါသည့် obsidian အထိမ်းအမှတ်ကျောက်တိုင်။ ဘုရားကျောင်းတွင် တစ်ခုတည်းသော ပြည့်ဝနေသော အနီရောင်အရာဝတ္ထုကို အဖြူရောင်စာလုံးကြီးများဖြင့် ရိုက်နှိပ်ထားပြီး အရောင်တစ်မျိုးတည်းသာရှိသော ပုံသဏ္ဍာန်ရှိသည့် အနက်ရောင် ဗလာနတ္ထိပန်းချီကား။
- Dovetail — လရောင်မည်းအောက်က ပုံစံငယ်တစ်ခု—မမြင်ရတဲ့ ဂရပ်မျဉ်းကြောင်းတွေ၊ အဖြူရောင်ဖောင့်၊ ခရမ်းရောင်တောက်ပမှုတစ်ခု
- MekaVerse — ဒစ်ဂျစ်တယ်ပစ္စည်းများ၏ monochrome ပြခန်း—ပုံဖော်ထားသောကမ္ဘာသည် ပြတိုက်ပြပွဲတစ်ခုကဲ့သို့ တွဲလောင်းကျနေသော လုံးဝမည်းနက်သော အလွတ်ကွက်လပ်တစ်ခုဖြစ်ပြီး အသုံးပြုသူမျက်နှာပြင်တစ်ခုလုံးသည် မှိန်ဖျော့သောအနက်ရောင်ဖန်သားပေါ်တွင် အဖြူရောင်မင်ဖြင့် ပြုလုပ်ထားသည်။
- Krea — သန်းခေါင်ယံတွင် ပြခန်း noir
- Factory — သန်းခေါင်ယံတွင် "စစ်ခန်း" ဂိတ်။ "စက်ရုံ" သည် မီးအိမ်ထွန်းထားသော ညွှန်ကြားချက်တစ်ခုကဲ့သို့ အဖြူရောင်ကတ်တစ်ခု ကျရောက်နေသည့် လုံးဝမည်းနက်သော ထိန်းချုပ်ခုံတစ်ခုဖြစ်ပြီး အခန်းထဲတွင် တစ်ခုတည်းသော အရာဝတ္ထုမှာ အလုပ်ဖြစ်သည်။
- basement — မနက် ၃ နာရီတွင် ဗလာပုံနှိပ်စက်တစ်လုံး - မည်းမှောင်နေသော မျက်နှာပြင်ပေါ်တွင် ကြီးမားသော၊ ချုံ့ထားသော ဖောင့်များသည် ပြန့်ကျဲနေပြီး၊ လမ်းညွှန်ဘားတွင် လိမ္မော်ရောင်အလင်းတန်းတစ်ခုသာ ရှိနေပြီး၊ ကျန်အရာအားလုံးသည် အဖြူရောင် သို့မဟုတ် မီးခိုးရောင်ကဲ့သို့ ဖြစ်နေသည်။
- Stink Studios — သန်းခေါင်ယံမှာ ရုပ်ရှင်စတူဒီယိုတစ်ခု - ပရိုဂျက်တာရဲ့ အသံမြည်နေတယ်၊ အခန်းက မှောင်နေတယ်၊ ရုပ်ရှင်ပဲ မီးထွန်းထားတယ်
- Apple (España) — မီးအလင်းရောင်တပ်ဆင်ထားသော အနက်ရောင်ပြဇာတ်ရုံ
- Charlie — ဘုန်းကြီးကျောင်းကျောက်တုံးမှ အော့ဘ်စီဒီယန်ပေါ်တွင် ထွင်းထုထားသော စာလုံးပုံစံ။ တစ်ခုတည်းသော အနီရောင်နံရံက နားကွဲမတတ် တိတ်ဆိတ်မှုကို ဖန်တီးပေးသည့် ဖိုင်တွဲတစ်ခု။
- Rive — မြင့်မားသောတိကျသောညမြင်ကွင်း။ အင်တာဖေ့စ်တွင် မှောင်မိုက်မှုကို ထိုးဖောက်ဝင်ရောက်နိုင်သော အထူးမှန်ဘီလူးတစ်ခုပါရှိပြီး နည်းပညာဆိုင်ရာအသေးစိတ်အချက်အလက်များကို လုံးဝရှင်းလင်းစွာ အာရုံစိုက်နိုင်စေပါသည်။
- Datalands — နီယွန်မီးတစ်ချက်သာ လင်းနေသော အနက်ရောင် ဘုရားကျောင်းကြီး။ လိုဂိုသည် ဘုရားကျောင်းဝင်းကို ဖြည့်ထားပြီး ကျန်တာအားလုံးသည် အောက်တွင် မကြားရသော စာသားများသာ ဖြစ်သည်။