အဖြူရောင်စက္ကူပေါ်တွင် ရေးသားထားသော အယ်ဒီတာ့အာဘော် lookbook။ စာလုံးပုံစံနှင့် ဓာတ်ပုံများသည် သန့်ရှင်းသော အဖြူရောင်မျက်နှာပြင်များပေါ်တွင် အသက်ဝင်နေသော ဖက်ရှင်ရိုက်ကူးမှုတစ်ခု၊ စာလုံးအတွက် အနက်ရောင်မင်နှင့် အမှတ်တံဆိပ်၏ အလုံးစုံစတိုင်ကို ထင်ဟပ်စေသော သိမ်မွေ့သော sans-serif ဖောင့် (Favorit)။

Adanola သည် ဖက်ရှင်အတွက် ပြခန်းကဲ့သို့သော ပတ္တူတစ်ခုဖြစ်ပြီး ထုတ်ကုန်ဓာတ်ပုံရိုက်ကူးခြင်းသည် တစ်ခုတည်းသော အမြင်အာရုံဘာသာစကားဖြစ်ပြီး အသုံးပြုသူမျက်နှာပြင်သည် လုံးဝပျောက်ကွယ်သွားသည်။ interface သည် monochrome နီးပါးဖြစ်သည် - အဖြူရောင်မျက်နှာပြင်များ၊ အနက်ရောင်စာသားနှင့် တစ်ခုတည်းသော ပါးလွှာသော sans-serif ဖောင့် (Favorit) - အဝတ်အစားများ၏အရောင်ကိုယ်တိုင်က စာမျက်နှာအများစုတွင် တစ်ခုတည်းသော chromatic accent ဖြစ်စေသည်။ အစိတ်အပိုင်းများသည် တမင်တကာပေါ့ပါးသည်- အရိပ်များ၊ gradient များ သို့မဟုတ် အလှဆင်ဘောင်များမပါဘဲ သိမ်မွေ့သောမျဉ်းကြောင်းများ၊ အဓိကလုပ်ဆောင်ချက်များ၏ သိမ်မွေ့သောမျဉ်းကြောင်းများနှင့် နူးညံ့မည့်အစား ကြည်လင်ပြတ်သားသောထောင့် radii များသာဖြစ်သည်။ အကွာအဝေးသည် ကျစ်လစ်ပြီး တစ်ပြေးညီဖြစ်သည် (အခြေခံ)၊ သို့သော် ပုံများပတ်လည်ရှိ ကျယ်ဝန်းသော အဖြူရောင်နေရာလွတ်သည် တည်ငြိမ်သော၊ အယ်ဒီတာ့အာဘော်စည်းချက်ကို ဖန်တီးပေးပြီး ထုတ်ကုန်တစ်ခုစီကို စာမျက်နှာအပြည့် အယ်ဒီတာ့အာဘော်ဖြန့်ဖြူးမှုကဲ့သို့ သဘောထားသည်။ အလုံးစုံပြောရလျှင် ပုံမှန် e-commerce grid ထက် အရည်အသွေးမြင့် print lookbook နှင့် ပိုမိုနီးစပ်သော ခံစားချက်ဖြစ်သည်။

စာမျက်နှာ အပြင်အဆင်သည် အကျယ်အပြည့်ဖြစ်ပြီး ဒက်စ်တော့တွင် အကြောင်းအရာသည် အများဆုံး 1440px ခန့်သာ အကျယ်ကန့်သတ်ထားသည်။ ဟီးရိုးပုံသည် အလယ်ဗဟိုတွင် ခေါင်းစဉ်နှင့် လုပ်ဆောင်ချက်ခေါ်ဆိုချက် (CTA) ဝှက်ထားသော အကျယ်အပြည့်ပုံဖြစ်သည်။ ဟီးရိုးပုံအောက်တွင် စာမျက်နှာသည် ထုတ်ကုန်ဇယားကွက်အပိုင်းများ (ဒက်စ်တော့တွင် ကော်လံ ၄ ခုပါဇယားကွက်) နှင့် အယ်ဒီတာ့အာဘော်ပုံဘလောက်များ (အကျယ်ညီမျှသော လူနေမှုပုံစံဓာတ်ပုံနှစ်ပုံ) အကြား အလှည့်ကျပြောင်းလဲနေသည်။ လမ်းညွှန်သည် ကြော်ငြာအစင်းအနက်ရောင်ပါသော minimalist top bar တစ်ခုဖြစ်သည် - ပုံသေခေါင်းစဉ်၊ ဘေးဘက် သို့မဟုတ် mega menu မရှိပါ။ အမျိုးအစားများကို သီးခြားအမျိုးအစားစာမျက်နှာအစား ထုတ်ကုန်ဇယားကွက်အထက်ရှိ ရိုးရှင်းသော အလျားလိုက် filter tab များကို အသုံးပြု၍ ရှာဖွေသည်။ စည်းချက်သည် ကျယ်ဝန်းသည်- အဓိကအပိုင်းများအကြား ဒေါင်လိုက် gutters 64px+ နှင့် ထုတ်ကုန်ကတ်များအတွင်း 8-16px အကွာအဝေး ကျဉ်းမြောင်းသည်။ grid ကို တသမတ်တည်းအသုံးပြုသည်- ထုတ်ကုန်များအတွက် ကော်လံ ၄ ခု၊ အယ်ဒီတာ့အာဘော်အကြောင်းအရာအတွက် ကော်လံ ၂ ခုနှင့် အမျိုးအစားလမ်းညွှန်အတွက် ကော်လံတစ်ခု။ mosaic သို့မဟုတ် asymmetrical layouts များမရှိပါ - catalog/lookbook ၏ဖွဲ့စည်းပုံကို အလေးပေးဖော်ပြရန် အရာအားလုံးကို grid နှင့် တင်းကျပ်စွာ ချိန်ညှိထားသည်။

ဓာတ်ပုံပညာက လွှမ်းမိုးထားတဲ့ အမြင်အာရုံဘာသာစကားဟာ တက်ကြွဝတ်စုံဝတ်ဆင်ထားတဲ့ မော်ဒယ်တွေရဲ့ မျက်နှာပြင်အပြည့်ပုံတွေကို အဓိကထားပါတယ်။ တည်းဖြတ်မှုကတော့ ကြော်ငြာထက် အယ်ဒီတာ့အာဘော်ပိုပါတယ်- မော်ဒယ်တွေကို တည်ငြိမ်တဲ့စတူဒီယိုပုံစံတွေအစား သဘာဝလှုပ်ရှားမှု (ဆန့်ထုတ်ခြင်း၊ လမ်းလျှောက်ခြင်း၊ ခြေလှမ်းခြင်း) မှာ ရိုက်ကူးထားပါတယ်။ အရောင်သရုပ်ဖော်မှုက သဘာဝကျပြီး စစ်ထုတ်ထားခြင်းမရှိပါဘူး—အဝတ်အစားတွေရဲ့အရောင်တွေက နှစ်ရောင်ပြောင်းလဲမှု ဒါမှမဟုတ် အရောင်ပြင်ဆင်ခြင်းမရှိဘဲ အသက်ဝင်နေပါတယ်။ ရုပ်ပုံတွေက ထောင့်အချင်းဝက် သုညရှိပြီး ဖုံးကွယ်ထားခြင်းမရှိပါဘူး—၎င်းတို့သည် ထောင့်စွန်းမှ အစွန်းအထိ ကွန်တိန်နာများကို ဖြည့်ပေးသည့် ထောင့်မှန်ဘောင်များဖြစ်ပါတယ်။ အဓိကရုပ်ပုံသည် ဂရပ်ဖစ်များထပ်မံခြင်းမရှိဘဲ ကျယ်ပြန့်သော ရှုထောင့်အချိုး (~၁၆:၆) ကို အသုံးပြုထားသောကြောင့် ဓာတ်ပုံပညာသည် အမြင်အာရုံအလေးချိန်ကို သယ်ဆောင်နိုင်စေပါသည်။ ထုတ်ကုန်ကတ်ရုပ်ပုံများသည် ကြားနေနောက်ခံတွင် သန့်ရှင်းသောစတူဒီယိုရိုက်ချက်များဖြစ်ပြီး အဝတ်အစားများနှင့် တင်းကျပ်စွာ ဖြတ်တောက်ထားသည်။ အလုံးစုံအကြောင်းအရာသိပ်သည်းဆမှာ အယ်ဒီတာ့အာဘော်ကဏ္ဍများရှိ ရုပ်ပုံများနှင့် ထုတ်ကုန်ဖော်ပြချက်များတွင် ဇယားကွက်တစ်ခုဖြစ်ပြီး စာသားများသည် ရုပ်ပုံများ၏ လက်အောက်ခံဖြစ်သည်။ ရုပ်ပုံများ၊ 3D ပုံဖော်မှုများ သို့မဟုတ် abstract ဂရပ်ဖစ်များ မပါဝင်ပါ—ဓာတ်ပုံပညာသည် တစ်ခုတည်းသော အမြင်အာရုံမီဒီယာဖြစ်သည်။