Bpco
ကွန်ကရစ်ခင်းပြားဖြင့် ပြုလုပ်ထားသော စာစီစာကုံးကြေငြာစာတမ်း။ Helvetica ဖောင့်သည် ဓာတ်ပုံတစ်ပုံကို အတုယူထားသည့် အဖြူအမည်း စာနယ်ဇင်းကိရိယာတစ်ခုဖြစ်ပြီး စာလုံးပုံစံအဓိကအောက်တွင် ကြေမွနေသော စက္ကူတစ်ရွက်တည်းသာရှိသည်။
Bigpicture သည် ဝက်ဘ်စာမျက်နှာကို စက္ကူကြမ်းပေါ်တွင် ခင်းကျင်းထားသော ပုံနှိပ်စာနယ်ဇင်းကိရိယာတစ်ခုကဲ့သို့ သဘောထားသည့် monochrome တည်းဖြတ်သည့်စနစ်ကို အသုံးပြုသည်။ interface သည် chromatic အရောင်များ လုံးဝကင်းစင်ပြီး မင်အနက်ရောင်၊ အဖြူရောင်နေရာလွတ်၊ ပါးလွှာသောမျဉ်းကြောင်းများနှင့် ကြေမွနေသောစက္ကူ၏ တစ်ပြေးညီ texture တို့ကိုသာ အားကိုးပြီး လေထုကို ဖန်တီးသည်။ Typography သည် ထုတ်ကုန်ဖြစ်သည်- Helvetica Neue 700 တွင် ခေါင်းစဉ်များသည် 274px အထိ ရောက်ရှိပြီး ပြင်းထန်သော အနုတ်လက္ခဏာစာလုံးအကွာအဝေးဖြင့် စာသားကို မျက်နှာပြင်တိုင်းတွင် အဓိကအမြင်အာရုံအဖြစ် ပြုလုပ်ပေးသည်။ Monospaced caption များ ([01-N မိတ်ဆက်]၊ CREATIVE/AGENCY) သည် ပုံနှိပ်ပုံစံ လက်မှတ်များအဖြစ် လုပ်ဆောင်ပြီး လေးထောင့်တောက်ပြောင်သော အိုင်ကွန်များသည် အပိုင်းများအကြားတွင် တစ်ခုတည်းသော အလှဆင်မှုအဖြစ် ဆောင်ရွက်သည်။ အပြင်အဆင်သည် ကျယ်ဝန်းပြီး ကိုယ်တိုင်ထုတ်ဝေခြင်းနှင့် ဆင်တူသည်- အပိုင်းများအကြား 72px ကွာဟချက်များ၊ 144-250px အလျားလိုက်အနားသတ်များနှင့် 288px ထောင့်များပါသော full-width image block များသည် စာမျက်နှာကို software တစ်ခုအဖြစ် မဟုတ်ဘဲ gallery wall ကဲ့သို့ အသက်ရှူနိုင်စေပါသည်။
အများဆုံးအကျယ်က ~1440px ဖြစ်ပြီး၊ အပိုင်းသိပ်သည်းဆပေါ်မူတည်ပြီး 40–144px အလျားလိုက် padding ဖြင့် အလယ်ဗဟိုတွင် ထားရှိသည်။ hero image သည် စာသားထပ်ထားသော full-width image တစ်ခုဖြစ်သည်။ image အောက်တွင် အကြောင်းအရာသည် အလယ်ဗဟိုရှိ စာသား block များနှင့် edge-to-edge typography အကြား အလှည့်ကျပြောင်းလဲနေသည်။ စာမျက်နှာ၏ အောက်ဆုံး 60% သည် ရှည်လျားပြီး scroll လုပ်နိုင်သော manifesto တစ်ခုဖြစ်ပြီး၊ စာလုံးကြီးများသည် viewport အကျယ်တစ်ခုလုံးကို လိုင်းတစ်လိုင်းချင်းစီ ဖြည့်ထားပြီး glossy dividers တန်းများဖြင့် ပိုင်းခြားထားသည်။ navigation သည် full-width panel မဟုတ်ဘဲ viewport ၏ထိပ်တွင် အလယ်ဗဟိုပြုထားသော floating bar တစ်ခုဖြစ်သည်။ footer သည် အနားသတ်ပါးလွှာသော strip တစ်ခုပါသော strip တစ်ခုဖြစ်သည်။
ဓာတ်ပုံပညာသည် အဓိကမျက်နှာပြင်ကို လွှမ်းမိုးထားသည်—ကြီးမားသော ဗိသုကာနှင့် ပြင်ပကြော်ငြာပုံများ (ကြော်ငြာဆိုင်းဘုတ်များ၊ အဆောက်အဦအကာအရံများ၊ လမ်းအဆင့်ကြော်ငြာများ) ကို အရွယ်အစားအပြည့်ဖြင့် ထောင့်ဝိုင်းများဖြင့် တင်ပြထားသည်။ စာမျက်နှာ၏ အောက်ပိုင်းတွင် ကြေမွနေသော စက္ကူအသွင်အပြင်ကို ထပ်ဆင့်ထားပြီး ထိတွေ့နိုင်သော ခံစားချက်ကို ဖန်တီးပေးပြီး interface ကို ပုံနှိပ်မဂ္ဂဇင်းတစ်ခု၏ အသွင်အပြင်ကို ပေးစွမ်းသည်။ မျဉ်းကြောင်းများဖြင့် ဆွဲထားသော ကမ္ဘာလုံးပုံလေးသည် တစ်ခုတည်းသော သရုပ်ဖော်ပုံဖြစ်သည်။ 3D အကျိုးသက်ရောက်မှုများ၊ abstract gradient များ၊ ထုတ်ကုန်ပုံစံများ မပါဝင်ပါ—ပုံများသည် မှတ်တမ်းရုပ်ရှင်၊ စက်မှုလုပ်ငန်းဆိုင်ရာ သဘောသဘာဝရှိပြီး အေဂျင်စီ၏ ပြင်ပကြော်ငြာ portfolio ကို အခြေခံထားသည်။
ရောင်စုံ
ကြားနေ
- Press Ink
#121212— ကိုယ်ထည်စာသား၊ ပါးလွှာသောမျဉ်းကြောင်းများ၊ အပိုင်းဘောင်များ၊ အိုင်ကွန်အကြမ်းဖျင်းများနှင့် အောက်ခြေစာသားအားလုံးသည် ရှေ့မျက်နှာပြင်အချက်အလက်အားလုံး၏ 95% ကို သယ်ဆောင်သည့် တစ်ခုတည်းသော မှောင်မိုက်သောအရောင်ကို အသုံးပြုသည်။ - Paper White
#ffffff— စာမျက်နှာကင်းဗတ်၊ ကတ်ထူပြားမျက်နှာပြင်များ၊ လမ်းညွှန်ဘားနောက်ခံ၊ ခေါင်းစဉ်ဘောင်များပါသည့် မျက်နှာပြင်များ။ - Newsprint
#f1f1f1— နူးညံ့သော မျက်နှာပြင်ဖြည့်မှု၊ နူးညံ့သော ဘောင်များ၊ ပါးလွှာသော ပိုင်းခြားမှုများ၊ ကြေမွသော စက္ကူ၏ အသွင်အပြင်နောက်ကွယ်တွင် ဝှက်ထားသော အရောင်။ - Foil Gray
#e1e1e1— ပေါ့ပါးသောဘောင်များ၊ အိုင်ကွန်အကြမ်းဖျင်းပုံစံဖြင့် အသံထွက်များ၊ အပိုခွဲဝေမှုများ။ - Mute Gray
#c5c5c5— ဒုတိယစာသား၊ မသန်စွမ်းမှုအခြေအနေ၊ ဆန့်ကျင်ဘက်မျက်နှာပြင်မျဉ်းကြောင်းများ
စာလုံးပုံစံ
၁၃ မှ ၂၇၄px အထိ · အဆင့် ၆ ဆင့်
- Helvetica Neue — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 400, 500, 700 · universal tool တစ်ခု - 17px/1.29 တွင် body text ကိုပြသပါ၊ 75–274px တွင် ခေါင်းစဉ်များကို အကြီးဆုံးအရွယ်အစားများတွင် -0.04em စာလုံးအကွာအဝေးဖြင့်ပြသပါ၊ navigation label များကို 15px တွင်ပြသပါ
- PPSupplyMono — အစားထိုးခြင်း: JetBrains Mono · မျဉ်းကြောင်းများ 400 · မက်တာတဂ်များနှင့် [01-N မိတ်ဆက်] ကဲ့သို့သော ကွင်းစကွင်းပိတ်အညွှန်းများအပြင် section tags များ (ကြော်ငြာ၊ ဖန်တီး/အေဂျင်စီ၊ အော့ဖ်လိုင်းစျေးကွက်ရှာဖွေရေး) တို့သည် Helvetica ၏ ပျင်းရိငြီးငွေ့ဖွယ်ကောင်းသော စာလုံးပုံစံများကို ချိုးဖျက်သည့် တစ်ခုတည်းသော စာလုံးပုံစံ အသားပေးမှုများ ဖြစ်သည်။
- PPSupplySans — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 400 · ကွဲပြားသော sans-serif ဖောင့် လိုအပ်သည့် footer တွင် ဒုတိယ navigation နှင့် microcopy။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | ပျမ်းမျှ |
| အခြေခံအဆင့် | 50px |
| ခလုတ်အချင်းဝက် | 8px |
| ကတ်အချင်းဝက် | 20px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 72px |
| စာမျက်နှာအကျယ် | 1440px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို Bpco ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- Steep — ပူနွေးသောစက္ကူပေါ်ရှိ Serif ဖောင့်များကို ခွဲခြမ်းစိတ်ဖြာခြင်း
- Newformcap — အဝတ်လဲခန်းထဲက အယ်ဒီတာ့အာဘော်သတင်းစာ
- Claude — နွေးထွေးသော သားရေစက္ကူပေါ်တွင် ရိုက်နှိပ်ထားသော ရှေးဟောင်းပစ္စည်းတစ်ခု—အရိုးစက္ကူပေါ်တွင် မင်၊ တစ်ခုတည်းသော အရောင်အသက်ရှူအဖြစ် ရွှံ့စေး
- 11x– Digital workers — ရုပ်ရှင်အယ်ဒီတာ့အာဘော် စွန့်ပစ်ရာနေရာ—ဇိမ်ခံမဂ္ဂဇင်းတစ်စောင်ကဲ့သို့ ဖတ်ရှုနိုင်သော ဧရာမ serif ခေါင်းစဉ်များနှင့် ပေါင်းစပ်ထားသော ရှုခင်း၏ မြင်ကွင်းကျယ်ဓာတ်ပုံများ
- Revolut — တိမ်တိုက်များ၏ ဓာတ်ပုံ—အဖြူရောင်မင်၊ ဆေးဘူးခလုတ်များ၊ မီးခိုးရောင်ကမ္ဘာရှိ အပြာရောင်အစင်းတစ်ခုတည်း—ကို အခြေခံထားသည့် monochrome အယ်ဒီတာ့အာဘော်လက်ရာ။
- Scheduling — ခရင်မ်စက္ကူပေါ်တွင် အယ်ဒီတာ့အာဘော်မင်
- Titan — နွေးထွေးသောအရောင်ရှိသော monochrome မော်ကွန်းတိုက်
- Programa — နေ့လည်ခင်းတွင် ဆွစ်ဇာလန်ဒီဇိုင်းစတူဒီယိုတစ်ခု။ အဖြူရောင်ပြခန်းနံရံကို အဝါရောင်စားပွဲတင်မီးအိမ်တစ်လုံးဖြင့် ထွန်းလင်းထားသည် - ခလုတ်၊ အိုင်ကွန် သို့မဟုတ် အသားပေးဖော်ပြချက်တစ်ခုမှ မျက်စိကို ဆွဲဆောင်သည်အထိ အရာအားလုံးသည် မီးခိုးရောင်အရိပ်များဖြစ်ပြီး ထို့နောက် အဝါရောင်အသားပေးဖော်ပြချက်တစ်ခုတည်းသည် အခန်းတစ်ခုလုံးကို ပုံဖော်ပေးသည်။
- Sana Agents — အယ်ဒီတာ့အာဘော်တွင် အဖြူရောင်နောက်ခံပေါ်တွင် ထုံးကျောက်တောက်ပနေသည်
- Visual — နွေးထွေးသော အယ်ဒီတာ့အာဘော် samizdat။ ခရင်မ်စက္ကူ၊ serif ပိုစတာများ၊ monochrome marginalia၊ အဝါရောင်မာကာတစ်ခု။
- Midday — vellum အကြောင်း အယ်ဒီတာ့အာဘော် လက်ကမ်းစာစောင် - နွေးထွေးသော ကျောက်နောက်ခံပေါ်တွင် 72px serif ခေါင်းစဉ်၊ sans-serif ကိုယ်ထည်မိတ္တူတွင် နေရာလွတ်၊ ဆေးပြားပုံသဏ္ဍာန် ထိန်းချုပ်မှုများ၊ အရိပ်များ မပါဝင်ပါ။
- Chat for impact — ပါစတယ်အရောင်အခန်းများပါရှိသော သစ်တောစိမ်းလန်းသော ဆေးခန်း