Custo

တစ်ထပ်တည်းကျတဲ့ ဖောင့်နဲ့ သေနတ်ရောင်ပြခန်း။ မီးခိုးရောင်-အစိမ်းရောင် ရောစပ်ထားတဲ့ ပြခန်းတစ်ခု၊ အဲဒီမှာ မှောင်မိုက်တဲ့ အရာဝတ္ထုတစ်ခုတည်းနဲ့ 57px ဖောင့်က သူ့အလိုလို ပြောပြနေတယ်။

Custo သည် စက်မှုထုတ်ကုန်များ၏ ပြခန်းတစ်ခုအဖြစ် လုပ်ဆောင်သည်- နွေးထွေးသော သတ္တုပတ္တူသည် ရုပ်ပိုင်းဆိုင်ရာ ထုတ်ကုန်အတွက် နောက်ခံအဖြစ် ဆောင်ရွက်ပေးပြီး၊ ကြီးမားသော ဖော်မတ် စာလုံးပုံစံသည် အဓိက အမြင်အာရုံ အလှဆင်မှုအဖြစ် ဆောင်ရွက်သည်။ စနစ်သည် အရောင်မခွဲခြားဘဲ—အရောင်မခွဲခြားဘဲ—မှောင်မိုက်သော anodized စာလုံးပုံးနှင့် တစ်ခုတည်းသော sans-serif စာလုံးပုံစံ၏ ဂျီဩမေတြီဆွဲငင်အားသည် အမှတ်တံဆိပ်၏ စရိုက်လက္ခဏာတစ်ခုလုံးကို ဖော်ပြနိုင်စေသည်။ မျက်နှာပြင်တစ်ခုစီသည် ကျယ်ပြန့်သော အဖြူရောင်နေရာကို ကြီးကျယ်ခမ်းနားသော စာလုံးပုံစံဖော်ပြချက်နှင့် ဟန်ချက်ညီစေပြီး၊ အမှတ်တံဆိပ်အမှတ်အသားကို ဗိသုကာလက်ရာတစ်ခုနီးပါးကဲ့သို့ ထပ်ခါတလဲလဲ ပြသထားသည်။ မျက်နှာပြင်များသည် ပြားချပ်ပြီး မှုန်ဝါးနေသည်။ အရိပ်များ သို့မဟုတ် gradient များမှတစ်ဆင့်မဟုတ်ဘဲ ထုတ်ကုန်၏ ရောင်ပြန်ဟပ်မှုမှတစ်ဆင့် အနက်ကို ဖန်တီးသည်။

စာမျက်နှာ အပြင်အဆင်သည် viewport အတွင်း အလယ်ဗဟိုတွင် အများဆုံး အကြောင်းအရာအကျယ် ~1280px ရှိသော ဒေါင်လိုက်စီစဉ်ထားသော ကော်လံတစ်ခုတည်းပါသည့် ဖွဲ့စည်းပုံဖြစ်သည်။ အဓိက စာမျက်နှာ element သည် စာမျက်နှာ၏ အကျယ်တစ်ခုလုံးကို လွှမ်းခြုံထားပြီး၊ edge-to-edge Canvas Gunmetal #9ea29f ဖြင့် ပြသထားပြီး၊ ညာဘက်တွင် စာတိုက်ပုံး၏ ဓာတ်ပုံနှင့် အောက်ခြေအနားတွင် 57px CUSTO® လိုဂိုတစ်ခု တပ်ဆင်ထားသည်။ အဓိက element အောက်တွင်၊ အပိုင်းများသည် အလှည့်ကျရှိသည်- ကော်လံနှစ်ခုပါ စာသားဘလောက် (ဘယ်ဘက်တွင် စာတန်းငယ်၊ ညာဘက်တွင် ခေါင်းစဉ်ကြီး)၊ ထို့နောက် ထုတ်ကုန်ပုံကတ်သုံးခုပါ အလျားလိုက်ဇယားကွက်၊ ထို့နောက် စာသားနှင့် ရုပ်ပုံများပါသော ကော်လံနှစ်ခုပါ အတန်းများ၊ အဓိကစာသားသည် တစ်ဖက်တစ်ချက်စီတွင် အလှည့်ကျရှိသည်။ အပိုင်းများကြားရှိ gutters များသည် 110px ရှိပြီး ဒေါင်လိုက် အသက်ရှူရန် နေရာလွတ်များစွာ ဖန်တီးပေးသည်။ navigation သည် သင် scroll လုပ်သည့်အခါ Paper White သို့ မှိန်သွားသော တစ်ခုတည်းသော ပွင့်လင်းမြင်သာသည့် အပေါ်ဘားတစ်ခုဖြစ်သည်။ CES အိုင်ကွန်သည် အောက်ညာဘက်ထောင့်ရှိ fixed, floating element တစ်ခုဖြစ်သည်။ အလုံးစုံ rhythm သည် gallery ကဲ့သို့ဖြစ်သည်- အပိုင်းတစ်ခုစီတွင် element အနည်းငယ်၊ ဖောင့်ကြီးခြင်း၊ ကျယ်ပြန့်သောနေရာများနှင့် စာသား strips များကြားတွင် visual punctuation အဖြစ် ထုတ်ကုန်ဓာတ်ပုံတစ်ခု။

ပုံများသည် Custo စာတိုက်ပုံး၏ ထုတ်ကုန်ဓာတ်ပုံများသာဖြစ်ပြီး မုဒ်သုံးမျိုးဖြင့် ရိုက်ကူးထားပါသည်- သတ္တုဘောင်နှင့် ကပ်၍ အပြည့်အဝပုံတူများ၊ စက်နှင့် လူသားအပြန်အလှန်ဆက်ဆံမှုကို ပြသသည့် လူနေမှုပုံစံစတဲ့ ဓာတ်ပုံများနှင့် စကင်န်ဖတ်သည့် မျက်နှာပြင်နှင့် LED လက်စွပ်၏ အနီးကပ်ပုံများဖြစ်သည်။ ဓာတ်ပုံအားလုံးကို မှုန်ဝါးသော၊ ဆန့်ကျင်ဘက်အရောင်မြင့်မားသော အရောင်များဖြင့် ရိုက်ကူးထားပြီး စာတိုက်ပုံး၏ မက်တီအနက်ရောင်အပြီးသတ်သည် အမြင်အာရုံကျောက်ဆူးအဖြစ် ဆောင်ရွက်ပေးသည်။ သရုပ်ဖော်ပုံများ၊ abstract ဂရပ်ဖစ်များ သို့မဟုတ် စတော့ဓာတ်ပုံများ မရှိပါ။ ဓာတ်ပုံများကို 8px-radius ကတ်များပေါ်တွင် ထားရှိသည် သို့မဟုတ် 57px လိုဂိုနောက်ကွယ်တွင် မျက်နှာပြင်အပြည့်အသုံးပြုထားသည်။ CES အိုင်ကွန်သည် ဝဘ်ဆိုက်တစ်ခုလုံးတွင် တစ်ခုတည်းသော ရောင်စုံပုံဖြစ်သည်။

အွန်လိုင်းစတိုး မိုနိုခရုမ်း ပရီမီယံ နူးညံ့သော gradient များ

https://custo.io

ရောင်စုံ

ကြားနေ

Canvas Gunmetal #9ea29f — အဓိကနှင့် အပြင်အဆင်အပိုင်းများ၏ နွေးထွေးသော မီးခိုးရောင်-အစိမ်းရောင်နောက်ခံသည် Custo ကို စံအဖြူရောင် SaaS တင်းပလိတ်များနှင့် ခွဲခြားသိမြင်စေပြီး ဒစ်ဂျစ်တယ်မျက်နှာပြင်ထက် ဗိသုကာဆိုင်ရာ ကွန်ကရစ်နှင့် ပိုတူစေသည်။
Obsidian #000000 — ကိုယ်ထည်စာသား၊ ပါးလွှာသောဘောင်များ၊ သင်္ကေတစုတ်ချက်များ - စနစ်တွင် အမြင့်ဆုံး ဆန့်ကျင်ဘက်အရောင်ရှိသော မင်ဖြစ်ပြီး ခေါင်းစဉ်များနှင့် ဖွဲ့စည်းတည်ဆောက်ပုံ ပိုင်းခြားရန်အတွက် အသုံးပြုသည်။
Paper White #ffffff — ခန္ဓာကိုယ်အစိတ်အပိုင်း နောက်ခံပုံများ၊ သေနတ်သံပတ္တူပေါ်တွင် ပြောင်းပြန်စာသား၊ ထုတ်ကုန်ဓာတ်ပုံ၏ မှောင်သောနောက်ခံပေါ်ရှိ စာသား။
Anodized Graphite #4b514d — ထုတ်ကုန်ဓာတ်ပုံရိုက်ကူးရန်အတွက် မှောင်သောမျက်နှာပြင်၊ အပိုခေါင်းစဉ်များနှင့် သုံးဖက်မြင်စာသားများသည် စာတိုက်ပုံး၏ အပြီးသတ်ပုံစံကို ပဲ့တင်ထပ်နေစေသောကြောင့် အသုံးပြုသူမျက်နှာပြင်နှင့် ထုတ်ကုန်ကို တူညီသောပစ္စည်းဖြင့် ပြုလုပ်ထားသည်။
Brushed Steel #8e9194 — ထည့်သွင်းထားသော metadata နှင့် လျှို့ဝှက်လင့်ခ်များအတွက် Paper White နှင့် Obsidian အကြားတွင် သိမ်မွေ့သော ကိုယ်ထည်စာသား၊ စာရင်းပိုင်းခြားမှုများနှင့် အပိုအိုင်ကွန်အပြင်အဆင်များ ရှိပါသည်။
Linen Mist #a7aaad — နယ်နိမိတ်နှင့် ခေါင်းစဉ်များနှင့် ပိုင်းခြားမျဉ်းများအတွက် ပိုင်းခြားထားသော အရောင်ဖျော့ဖျော့သည် Obsidian အရောင်၏ ဖွဲ့စည်းပုံဆိုင်ရာ မျဉ်းများနှင့် ဘယ်သောအခါမှ ယှဉ်ပြိုင်၍မရသော သိမ်မွေ့သော အရောင်တစ်ခုဖြစ်သည်။

စာလုံးပုံစံ

၁၅ မှ ၅၇px အထိ · အဆင့် ၅ ဆင့်

PP Neue Montreal — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 400 (Medium) · စာကိုယ်ထည်မိတ္တူမှ ရှင်းလင်းချက်စာသားအထိ အရာအားလုံးအတွက် single-family typographic စနစ်ကို အသုံးပြုသည် - အလေးချိန်တွင် geometric uniformity သည် ထင်ရှားသောလက္ခဏာဖြစ်ပြီး၊ ဒုတိယ သို့မဟုတ် display-specific fonts များကို အသုံးမပြုသောကြောင့် 57px တွင်သတ်မှတ်ထားသော 'CUSTO®' wordmark ကို 15px form input field label နှင့် တူညီသော typographic family တွင်ပါဝင်သည်ဟု ဖတ်ရသည်။

ကြားကာလများနှင့်ပုံစံ

ရည်ရွယ်ချက်	အဓိပ္ပာယ်
သိပ်သည်းဆ	ကျယ်ဝန်းသော
အခြေခံအဆင့်	24px
ခလုတ်အချင်းဝက်	31.35px (pill) for primary action; 8px for secondary
ကတ်အချင်းဝက်	8px
အရိပ်များ	အရိပ်များအစား ဘောင်မရှိပါ
အပိုင်းများအကြား	110px
စာမျက်နှာအကျယ်	1280px

AI က သင့်ဝက်ဘ်ဆိုက်ကို Custo ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်

Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။

ဒီပုံစံနဲ့ ဝက်ဘ်ဆိုက်တစ်ခု ဖန်တီးပါ

အလားတူပုံစံများ

099 SUPPLY — အဖြူအမည်း အရာဝတ္ထုတွေနဲ့ ပြည့်နေတဲ့ ပြခန်းနံရံ
Specht Studio — လျှို့ဝှက်ဆန်းကြယ်သော စူးစမ်းလိုစိတ်များဖြင့် ပြည့်နှက်နေသော ပြခန်းနံရံ။ စတူဒီယို၏ ကိုယ်ပိုင်ခရုမ်းအပြီးသတ်သည် အဖြူရောင်မျက်နှာပြင်နှင့် အနက်ရောင်စာလုံးများဖြစ်ပြီး အမြင်အာရုံမီးရှူးမီးပန်းများသည် ပရောဂျက်၏ကြွေပြားလုပ်ငန်းများတွင် အပြည့်အဝစုစည်းထားသည်။
Structured — ပလတ်စတစ်စက္ကူကဲ့သို့ စက္ကူပေါ်တွင် ရီနေးဆွန်းစ်ပြခန်း
Airbnb — သန္တာရောင် စာညှပ်တစ်ခုပါသည့် တိတ်ဆိတ်ငြိမ်သက်သော အဖြူရောင် ပြခန်းနံရံတစ်ခု
VSCO — ပြခန်း၏ မိုနိုခရုမ်းနံရံသည် အဖြူအမည်းဓာတ်ပုံများ ပြပွဲတစ်ခုဖြစ်ပြီး နွေးထွေးသော မီးအိမ်တစ်ခုတည်းက အောက်ပါလှုပ်ရှားမှုကို လင်းလက်စေသည်။
Apple (España) — ပြတိုက်ပြခန်းသည် နေ့အလင်းရောင်ဖျော့ဖျော့အောက်တွင် တစ်ခုတည်းသော ဆွဲဆောင်မှုရှိသော အလေးချိန်မဲ့ အဖြူရောင်နေရာတစ်ခုဖြစ်ပြီး ပြပွဲတစ်ခုစီကို အရောင်ဖျော့ဖျော့ဖြင့် အလှဆင်ထားသော မီးအိမ်ဖြင့် ထွန်းလင်းထားသည်။
Peak Design — ပြခန်းနံရံ၊ တစ်စိတ်တစ်ပိုင်း အလင်းရောင်
Apple (España) — Obsidian Gallery ပြခန်းသည် မှောင်မိုက်သော ပြပွဲခန်းမတစ်ခုဖြစ်ပြီး တိုက်တေနီယမ်အရာဝတ္ထုတစ်ခုတည်းသည် မှောင်မိုက်သောနောက်ခံတွင် တောက်ပနေသည်။
Apple (España) — အဖြူရောင်ပြခန်းပြသမှုခွက်
teenage engineering — စတူဒီယိုအလင်းရောင်ဆိုင်ရာ စက်မှုလုပ်ငန်းကတ်တလောက် - ထုတ်ကုန်သည် စာမျက်နှာပေါ်ရှိ တစ်ခုတည်းသော အရေးကြီးသော အရာဝတ္ထုဖြစ်ပြီး ကျန်အရာအားလုံးကို ၎င်းနှင့်ပတ်သက်ပြီး ဆွေးနွေးထားသည်။
Apple (España) — မနက်ခင်းမြူခိုးတွေကြားက ပြခန်းပြတင်းပေါက်တစ်ခု
Apple (España) — နေ့လည်ခင်းတွင် White Museum Gallery ၌