Zellerfeld
အဖြူရောင်စကျင်ကျောက်ပေါ်ရှိ ပန်းပုဆရာအလုပ်ရုံတစ်ခု—ကျောက်ပြားခုံ၏ တစ်ထပ်တည်းမျက်နှာပြင်များ၊ ကိုဘော့မီးပွားတစ်ခု၊ ကြမ်းပြင်မှ မျက်နှာကြက်အထိ စာလုံးသေးများ၏ တိုးတိုးလေးအသံ
Zellerfeld ဟာ အဖြူရောင်စကျင်ကျောက်ပေါ်က ဒစ်ဂျစ်တယ်ပန်းပုဆရာတွေရဲ့ ပြခန်းတစ်ခုလို ခံစားရပါတယ်—3D-printed ဖိနပ်တွေအတွက် ဈေးတစ်ခုဖြစ်ပြီး monochrome မျက်နှာပြင်တွေ၊ အဖြူရောင်နေရာလွတ်တွေ အများကြီးနဲ့ စာလုံးအကြီးအသေးတွေက ထုတ်ကုန်တစ်ခုချင်းစီကို ပြတိုက်ပြပွဲတစ်ခုလို လုပ်ဆောင်နိုင်စေပါတယ်။ interface က အလွန်ကန့်သတ်ထားပါတယ်- ရောင်စုံကင်းဗတ်စ်တစ်ခုတည်းနဲ့ လျှပ်စစ် cobalt အရောင် (#000aff) ကို အရေးတကြီးအချိန်တွေအတွက် သီးသန့်ထားရှိပြီး အိုင်ကွန်တွေ၊ active "Shop" navigation နဲ့ လက်ရှိ slide အခြေအနေတွေပါ။ ကတ်တွေက ဖြူစင်တဲ့အဖြူရောင်အစား နွေးထွေးတဲ့ ပုလဲမီးခိုးရောင်နောက်ခံမှာ ပေါ်နေပြီး grid ကို tactile, plaster cast ဖြစ်စေပါတယ်။ စာလုံးပုံစံက စာလုံးအကွာအဝေးကျဉ်းတဲ့ custom sans-serif (Roobert) တစ်ခုတည်းအဖြစ် ဆက်လက်တည်ရှိနေပြီး Space Mono ကို ဈေးနှုန်း၊ ထုတ်ကုန်စာရင်းနဲ့ နည်းပညာဆိုင်ရာ metadata တွေအတွက်သာ အသုံးပြုပါတယ်။ ရလဒ်အနေနဲ့ ထုတ်ကုန်စာမျက်နှာဟာ လက်လီငွေရှင်းတဲ့နေရာထက် ဒီဇိုင်းစာနယ်ဇင်းဆိုက်တစ်ခုလို ခံစားရပါတယ်—ပစ္စည်းတွေကို ဓာတ်ပုံရိုက်ထားပြီး ရောင်းချတာမဟုတ်ပါဘူး။
စာမျက်နှာသည် စာမျက်နှာ၏ အကျယ်တစ်ခုလုံးကို လွှမ်းခြုံထားပြီး 1440px အကြောင်းအရာ မျဉ်းကြောင်းတစ်ခု ပါရှိသည်။ အဓိက အစိတ်အပိုင်းမှာ floating UI overlay ပါရှိသော full-screen ဓာတ်ပုံ banner တစ်ခုဖြစ်သည်။ ထုတ်ကုန်ကဏ္ဍများသည် ၄ ကော်လံပါ grid ကို အသုံးပြုထားပြီး tablet များတွင် ၂ ခုနှင့် မိုဘိုင်းစက်ပစ္စည်းများတွင် ၁ ခုအထိ လျှော့ချထားသည်။ ကဏ္ဍ၏ စည်းချက်မှာ- ထုတ်ကုန်ဖော်ပြချက်ကြီး → အယ်ဒီတာ့အာဘော် အဆင့်သတ်မှတ်ချက် grid → ထုတ်ဝေမှုအသစ် grid → စာနယ်ဇင်း ဆက်သွယ်ရန် အချက်အလက် panel ဖြစ်သည်။ ထုတ်ကုန်ကဏ္ဍတစ်ခုစီသည် ၎င်း၏အကြောင်းအရာကို strip အတွင်း ဗဟိုပြုထားပြီး အပိုင်းများအကြားတွင် ဒေါင်လိုက်နေရာ 80px ကို အသုံးပြုသည်။ Navigation သည် တစ်တန်းတည်းရှိ fixed top bar တစ်ခုဖြစ်ပြီး ၎င်းအထက်တွင် ပါးလွှာသော ကြော်ငြာမျဉ်းကြောင်းတစ်ခုပါရှိသည်။ ထုတ်ကုန်ကတ်များကို တင်းကျပ်သော grid တစ်ခုနှင့် ချိန်ညှိထားသည်—ပုံဧရိယာသည် ကတ်အတွင်းရှိ 40px အပေါ်/အောက် padding ပါရှိသော ဖိနပ် silhouette ပေါ်တွင် အမြဲတမ်း ဗဟိုပြုထားပြီး metadata cluster ကို 40x40 brand logo ဖြင့် အောက်ဘယ်ဘက်ထောင့်တွင် ချည်နှောင်ထားသည်။
ထုတ်ကုန်ဓာတ်ပုံရိုက်ကူးခြင်းသည် အဓိကအမြင်အာရုံဒြပ်စင်ဖြစ်သည်—ဖိနပ်တစ်ရံစီကို ဖြူစင်သောအဖြူရောင် သို့မဟုတ် ပလာစတာမျက်နှာပြင်ပေါ်တွင် လေးပုံသုံးပုံထောင့်ဖြင့် ရိုက်ကူးထားပြီး မည်သည့်နောက်ခံ၊ မော်ဒယ် သို့မဟုတ် ပတ်ဝန်းကျင်မပါဘဲ ကတ်တစ်ခုလုံးကို ဖြည့်ထားသည်။ အဓိကဒြပ်စင်မှာ အပြည့်အဝ လူနေမှုပုံစံဓာတ်ပုံတစ်ပုံဖြစ်သည်- သဲ သို့မဟုတ် ကွန်ကရစ်ပေါ်တွင် ခြေထောက်များနှင့် ဖိနပ်များ၏ ဖြတ်ထားသောရိုက်ချက်များ၊ အမြဲတမ်း လူသားအတိုင်းအတာဖြင့် ရိုက်ကူးထားပြီး ဘယ်တော့မှ ပြီးပြည့်စုံသော စတူဒီယိုအရည်အသွေးမရှိပါ။ "အကြောင်းအရာသည် အဓိကဒြပ်စင်ဖြစ်သည်" ဟူသော မူသည် အကျုံးဝင်သည်—ဖိနပ်များသည် အဓိကအယ်ဒီတာ့အာဘော်ဒြပ်စင်တွင်ပင် ဘောင်၏မြင်နိုင်သောဧရိယာ၏ ၄၀% ကို နေရာယူထားသည်။ အလှဆင်ဂရပ်ဖစ်ဒြပ်စင်များ၊ abstract ပုံစံများ သို့မဟုတ် သရုပ်ဖော်ပုံများကို အသုံးမပြုပါ။ အိုင်ကွန်များသည် မျဉ်းဖြောင့်ဖြစ်ပြီး အနက်ရောင်ဖြင့် ရေးဆွဲထားပြီး ဘယ်သောအခါမှ ဖြည့်မထား၊ ဘယ်သောအခါမှ အရောင်ခြယ်ထားခြင်းမရှိပါ။
ရောင်စုံ
အမှတ်တံဆိပ်
- Electric Cobalt
#000aff— အိုင်ကွန်အသစ်များ၊ အသက်ဝင်နေသော navigation bar၊ လက်ရှိ slide indicator၊ အသက်ဝင်သည့်အချိန်များ—စနစ်တွင် တစ်ခုတည်းသော chromatic cue ဖြစ်ပြီး အလှဆင်ခြင်းထက် အသက်ဝင်သည်ဟု မြင်ယောင်စေရန်အတွက် အနည်းငယ်သာအသုံးပြုထားသည်။
ကြားနေ
- Pale Iris
#e5e7ff— တံဆိပ်များအတွက် အရောင်ဖြည့်မှုအသစ်၊ နူးညံ့သော မီးမောင်းထိုးပြမှုနှင့် အညွှန်းရွေးချယ်စရာများအတွက် အရောင်ခြယ်ထားသော မျက်နှာပြင်—မိုနိုခရုမ်းအရောင်ကို မထိခိုက်စေဘဲ အရောင်ကို အရိပ်အမြွက်ပေးသည့် အရောင်ဖျော့ဖျော့ ကိုဘော့အရောင်။ - Ink Black
#111111— ကိုယ်ထည်စာသား၊ မူရင်းဘောင်များ၊ အိုင်ကွန်အကြမ်းဖျင်းများ၊ ပါးလွှာသော ပိုင်းခြားကိရိယာများ - ခေါင်းစဉ်များ၊ စာရင်းများနှင့် လင့်ခ်များအတွက် အဓိကဖွဲ့စည်းပုံဆိုင်ရာအရောင်။ - Pure White
#ffffff— အရောင်သိမ်မွေ့နေသည့်အခါ ကြားနေပုံစံအခြေအနေများ၊ အိုင်ကွန်စာသားနှင့် မသိမသာ UI တုံ့ပြန်ချက်ကို အသုံးပြုသင့်သည်။ ၎င်းကို လုပ်ဆောင်ချက်တောင်းဆိုမှုများအတွက် အဓိကအရောင်အဖြစ် အသုံးမပြုပါနှင့်။ - Plaster
#ecedee— ထုတ်ကုန်ကတ်များအတွက် ဒုတိယမျက်နှာပြင်၊ လမ်းညွှန်ဘားနောက်ခံ၊ ပတ္တူအထက် ချောမွေ့စွာ မြှင့်တင်ထားသော မျက်နှာပြင်။ - Slate
#a1a4aa— ကတ်ဘောင်အရိပ်၊ ကြားနေခလုတ်ဖြည့်ခြင်းနှင့် အသံတိတ်ခလုတ်ဘောင်တို့သည် ကတ်၏အနားများကို မှောင်စေခြင်းမရှိဘဲ ပေါ်လွင်စေသည့် မီးခိုးရောင်များဖြစ်သည်။ - Fog
#d7d7d7— အလင်းကတ်ဘောင်၊ ပိုင်းခြားမျဉ်းများ၊ လှုပ်ရှားမှုမရှိသောမျက်နှာပြင်ကို အရောင်ခြယ်ခြင်း။
စာလုံးပုံစံ
၁၃ မှ ၁၂၈px အထိ · အဆင့် ၇ ဆင့်
- Roobert — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 400, 500, 600, 700 · အဓိကအမှတ်တံဆိပ်ဖောင့်ကို စာသားကိုယ်ထည်မှ ခေါင်းစဉ်များအထိ အရာအားလုံးအတွက် အသုံးပြုသည်။ လိုင်းအကွာအဝေးသည် အရွယ်အစားအားလုံးတွင် တသမတ်တည်းရှိပြီး လိုဂို၏ စာလုံးအသေးများသည် သိပ်သည်းပြီး ပန်းပုရုပ်ထုရှိစေသည်။ ဖောင့်အလေးချိန်သည် အကြောင်းအရာပေါ် မူတည်၍ တိုးလာသည်- စာသားကိုယ်ထည်နှင့် UI အတွက် ၄၀၀၊ မီးမောင်းထိုးပြထားသော ခေါင်းစဉ်များအတွက် ၅၀၀၊ ထုတ်ကုန်အမည်များအတွက် ၆၀၀ နှင့် ခေါင်းစဉ်ကြီးများအတွက် ၇၀၀။
- Space Mono — အစားထိုးခြင်း: JetBrains Mono · မျဉ်းကြောင်းများ 400, 600 · နည်းပညာဆိုင်ရာ မက်တာဒေတာ—ဈေးနှုန်းများ (€189.00)၊ ထိပ်တန်း ၁၀ နေရာအတွက် ဂဏန်းတန်ဖိုးများ၊ လက်မှတ်သင်္ကေတများနှင့် စတိုးဆိုင်အမည်များ—ကို စာမျက်နှာကို ပရိုမိုးရှင်းစာသားအဖြစ် မဟုတ်ဘဲ နည်းပညာဆိုင်ရာ သတ်မှတ်ချက်တစ်ခုအဖြစ် မြင်ယောင်သင့်သည့်နေရာတွင် ထည့်သွင်းထားသည်။
- Arial — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 400 · Arial - ထုတ်ယူထားသောဒေတာတွင်တွေ့ရှိရသော်လည်း AI မှဖော်ပြမထားပါ။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | ပျမ်းမျှ |
| အခြေခံအဆင့် | 16px |
| ခလုတ်အချင်းဝက် | 10px |
| ကတ်အချင်းဝက် | 10px |
| အရိပ်များ | အနည်းဆုံး |
| အပိုင်းများအကြား | 80px |
| စာမျက်နှာအကျယ် | 1440px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို Zellerfeld ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- Airbnb — သန္တာရောင် စာညှပ်တစ်ခုပါသည့် တိတ်ဆိတ်ငြိမ်သက်သော အဖြူရောင် ပြခန်းနံရံတစ်ခု
- Apple (España) — အဖြူရောင်ပြခန်းပြသမှုခွက်
- Silencio — ပေါလောမျောနေသော ရှေးဟောင်းပစ္စည်းများပါသည့် အဖြူရောင်အခန်း။ နွေးထွေးသောစက္ကူဖြင့်ပြုလုပ်ထားသော ပြခန်းပြသမှုတစ်ခု၊ အနုတ်လက္ခဏာထုထည်နောက်ခံတွင် အစိတ်အပိုင်းတစ်ခုစီသည် ၎င်း၏နေရာယူထားပြီး တိတ်ဆိတ်မှုသည် ရည်ရွယ်ချက်ရှိရှိ ဒီဇိုင်းဆုံးဖြတ်ချက်တစ်ခုဖြစ်သည်။
- Oakâme — နေရောင်အောက်က ပူနွေးတဲ့ ကျောက်တုံးတွေနဲ့ ထွင်းထားတဲ့ Provençal အလုပ်ရုံတစ်ခု
- Nike — အားကစားအောင်မြင်မှုများ၏ monochrome ပြခန်း - အဖြူရောင်နံရံများ၊ အနုပညာလက်ရာတစ်ခုအနေဖြင့် ထုတ်ကုန်၊ chrome သည် နောက်ခံတွင် ပျောက်ကွယ်သွားသည်
- Arc — သန်းခေါင်ယံရေပြင်ပေါ်က စက်မှုဇုန်အဖြူရောင်ပြခန်း
- Rivian — ပြခန်း၏ ကွန်ကရစ်နံရံပေါ်ရှိ လျှပ်စစ်ကျောက်တိုင်တစ်တိုင်။ Rivian သည် မော်တော်ယာဉ်တစ်ခုစီကို ကျယ်ပြန့်သော အဖြူရောင်အာကာသကို ထုလုပ်ထားသော ပန်းပုရုပ်တစ်ခုအဖြစ် တင်ပြထားပြီး၊ စာလုံးအရွယ်အစားကြီးမားလွန်းသောကြောင့် ဗိသုကာလက်ရာတစ်ခုဖြစ်လာကာ၊ မက်တီမျက်နှာပြင်ပေါ်ရှိ နေရောင်ခြည်ကဲ့သို့ တစ်ရောင်တည်းသောလေထုကို ဖြိုခွင်းပေးသည့် နွေးထွေးသောအဝါရောင်တစ်ခုတည်းဖြင့် တင်ပြထားသည်။
- Analogue — အနက်ရောင်ပြခန်းပြသမှုအဖုံး - ကုန်ပစ္စည်းများသည် ဟင်းလင်းပြင်ထဲတွင် ဝဲပျံနေသည်
- ddna — ကုသမှုမပြုလုပ်ရသေးသော ပိတ်ချောထည်ပေါ်တွင် နွေးထွေးသော ပြတိုက်ပြသမှုခွက်
- UY Studio — ဘုန်းကြီးကျောင်း၏ ကျောက်ပြခန်းသည် ကွန်ကရစ်နံရံများပါရှိသော တိတ်ဆိတ်ငြိမ်သက်သော နေရာတစ်ခုဖြစ်ပြီး ရေမွှေးပုလင်းများကို အဖြူရောင်အုတ်ခုံများပေါ်တွင် တင်ထားပြီး ၄၀၀ ဝပ် မီးအိမ်တစ်လုံးနှင့် နွေးထွေးသော မီးခိုးရောင်မီးသီးလေးလုံးဖြင့် အလင်းရောင်ပေးထားသည်။
- Basic.Space — အဖြူရောင်စကျင်ကျောက်ပေါ်ရှိ ပြတိုက်မှူးပြခန်း
- COS — အဖြူရောင်နံရံများပါသည့် ခေတ်ဆန်သောပြခန်း