ElevenLabs
ခေါင်းစဉ်ငယ်များပါရှိသော နွေးထွေးသောခရင်မ်ရောင်ဖြင့် ဓာတ်ပုံစာစီစာကုံးတစ်ပုဒ်။ Bauhaus ပုံစံ မှတ်စုစာအုပ်တစ်အုပ်—ဥခွံရောင်စက္ကူ၊ မင်အနက်ရောင်နှင့် ထုတ်ကုန်ပြသရန်အတွက် ခရမ်းရောင်နှင့် လိမ္မော်ရောင်တစ်ခုတည်းသာ ပါဝင်သည်။
ElevenLabs သည် နွေးထွေးပြီး အဖြူရောင် minimalist ပုံစံဖြင့် အလုပ်လုပ်သည်- ကြက်ဥခွံရောင် ပတ္တူ (#fdfcfc) တွင် အနက်ရောင်စာလုံးနှင့် နွေးထွေးသော taupe မျက်နှာပြင် အလွှာတစ်ခုတည်း (#f5f3f1) ပါရှိသည်။ အမှတ်တံဆိပ်၏ အမှတ်အသားသည် တိတ်ဆိတ်ငြိမ်သက်ပြီး ယုံကြည်မှုရှိသည်- ခွဲခြားရခက်သော Waldenburg 300 စာလုံးပုံစံသည် ခေါင်းစဉ်များကို အလွန်ရှင်းလင်းစွာ (-0.02em) ဖြင့် မီးမောင်းထိုးပြထားပြီး Inter 400/500 သည် ကျန်အရာအားလုံးကို တည်ငြိမ်သော ကြားနေအရောင်ပေးသည်။ အဓိကအရောင်နှစ်မျိုး—တက်ကြွသော ခရမ်းရောင် #0447ff နှင့် တက်ကြွသော လိမ္မော်ရောင် #ff4704—သည် ထုတ်ကုန်၏ အမြင်အာရုံဒြပ်စင်များ (အသံအတိုးအကျယ်များ၊ ထုတ်ကုန်အိုင်ကွန်များ) အတွင်းတွင်သာ ပေါ်လွင်ပြီး UI တွင် chrome အဖြစ် ပေါ်လွင်ခြင်းမရှိပါ။ အစိတ်အပိုင်းများသည် ပြားချပ်ချပ် သို့မဟုတ် အနည်းငယ် မြင့်တက်နေပြီး 1px ဘောင်ပါးများ၊ ကတ်များပေါ်တွင် 20px အချင်းဝက်ကျယ်နှင့် 9999px ခလုတ်များ အပြည့်ဖြည့်ထားသည်။ စနစ်သည် ခရင်မ်စက္ကူပေါ်တွင် Bauhaus စတူဒီယိုတစ်ခုနှင့် ဆင်တူသည်- ထိန်းထိန်းသိမ်းသိမ်း၊ အယ်ဒီတာ့အာဘော်နှင့် နည်းပညာပိုင်းဆိုင်ရာ တိကျမှုရှိသည်။
အကျယ်အပြည့်ရှိသော အပိုင်းများကို 1280px အပြင်ဘက် gutters များဖြင့် တစ်ခုတည်းသော၊ အများဆုံးအကျယ်ရှိသော အလယ်ကော်လံတွင် ဒေါင်လိုက် စီစဉ်ထားသည်။ အဓိကအပိုင်းသည် မညီမျှပါ- ခေါင်းစဉ်ကို 48px Waldenburg အဆင့်တွင် ဘယ်ဘက်သို့ ချိန်ညှိထားပြီး၊ ဖော်ပြချက်စာသားကို ညာဘက်သို့ ချိန်ညှိထားပြီး၊ ဆေးပြားပုံသဏ္ဍာန် ခလုတ်နှစ်ခုကို ခေါင်းစဉ်အောက်တွင် တည်ရှိသည်။ အဓိကအပိုင်းအောက်တွင် အကြောင်းအရာတစ်ခုလုံး၏ အကျယ်ကို လွှမ်းခြုံထားသော tabbed navigation bar ကြီးတစ်ခုရှိသည်။ အပိုင်းများသည် ကြက်ဥခွံအရောင်နှင့် taupe နောက်ခံများကြားတွင် 96–125px ဒေါင်လိုက် gutters များကြားတွင် တစ်လှည့်စီ ပြောင်းလဲထားသည်။ အောက်ခြေသည် ကျစ်လစ်ပြီး single strip တစ်ခုဖြစ်သည်။ Navigation သည် minimalist top bar ဖြစ်သည်—ပုံသေအပြုအမူမရှိ၊ mega-menus များ မရှိပါ။ အကြောင်းအရာစည်းချက်သည် အယ်ဒီတာ့အာဘော်ပုံစံနှင့် ကိုက်ညီသည်- white space များစွာ၊ အပိုင်းတစ်ခုလျှင် အဓိက visual element တစ်ခုနှင့် "Trust" အပိုင်းအောက်တွင် card grid များ မရှိပါ။
အမြင်အာရုံဒီဇိုင်းကို အရောင်ပေါင်းစပ်မှုတစ်ခုက လွှမ်းမိုးထားသည်- ပျော့ပျောင်းသော အသံစက်ဝိုင်းများပုံစံဖြင့် ကြီးမားသော gradient များ (ခရမ်းရောင်မှ လိမ္မော်ရောင်နှင့် ပန်းရောင်သို့ radial အကူးအပြောင်းများပါသည့် 200px+ စက်ဝိုင်းများ) သည် အဓိကဂရပ်ဖစ်ဒြပ်စင်အဖြစ် ဆောင်ရွက်သည်။ "ယုံကြည်မှု" အပိုင်းတွင်ရှိ လိုဂိုများကို matte canvas နောက်ခံတွင် ဆန့်ကျင်ဘက်အရောင်နည်းသော မီးခိုးရောင်စကေးဖြင့် တင်ပြထားသည်။ ဓာတ်ပုံရိုက်ကူးမှုမှာ အနည်းငယ်သာရှိသည် - လူနေမှုပုံစံ သို့မဟုတ် ထုတ်ကုန်ဓာတ်ပုံများ မရှိပါ။ သင်္ကေတပုံသဏ္ဌာန်သည် ရှားပါးပြီး monochrome (အနက်ရောင်မျဉ်းကြောင်း သို့မဟုတ် ဖြည့်ထားသော အိုင်ကွန်များ၊ chromatic အိုင်ကွန်များ မပါ)။ အမြင်အာရုံစနစ်သည် ထုတ်ကုန်ကတ်တလောက်ထက် ဒီဇိုင်းထုတ်ဝေမှုနှင့် ပိုမိုဆင်တူသည် - စျေးကွက်ရှာဖွေရေးသက်ရောက်မှုထက် အယ်ဒီတာ့အာဘော်ကန့်သတ်ချက်များ လွှမ်းမိုးထားသည်။
ရောင်စုံ
အမှတ်တံဆိပ်
- Violet Spark
#0447ff— ထုတ်ကုန် မြင်သာသော အလေးပေးမှု - အသံစက်ဝိုင်း ပုံဥပမာများနှင့် အလှဆင်ထားသော ထုတ်ကုန် အိုင်ကွန်များတွင်သာ ပေါ်လာသည်။ အင်တာဖေ့စ် အစိတ်အပိုင်းများအတွက် ဘယ်သောအခါမှ အသုံးမပြုပါ။
ကြားနေ
- Eggshell
#fdfcfc— စာမျက်နှာကင်းဗတ်၊ ခလုတ်မျက်နှာပြင်များနှင့် ကတ်မျက်နှာပြင်များသည် ဒစ်ဂျစ်တယ်အလင်းပြန်ခြင်းကို ရှောင်ရှားရန်နှင့် စာမျက်နှာကို စက္ကူကဲ့သို့ ငြိမ်သက်မှုရှိစေရန်အတွက် လုံးဝအဖြူရောင်အစား နွေးထွေးပြီး အနည်းငယ်ခရင်မ်ရောင်ရှိသည်။ - Warm Taupe
#f5f3f1— နံရံခြားထားသော အစင်းများ၊ အလှဆင်ကတ်များနှင့် မက်တီမျက်နှာပြင်ထက် တစ်ဆင့်ပိုနက်သော မျက်နှာပြင်အဆင့်တစ်ခုသည် တိတ်ဆိတ်ငြိမ်သက်ပြီး နယ်နိမိတ်မဲ့ ခွဲခြားမှုကို ဖန်တီးပေးပါသည်။ - Stone
#ebe8e4— အနားသတ်ပါးများ၊ ပိုင်းခြားထားသောနေရာများနှင့် အိုင်ကွန်နောက်ခံများသည် အေးသည်ဟုမခံစားရဘဲ taupe နှင့် medium gray အကြားတွင်တည်ရှိသော နွေးထွေးသောမီးခိုးရောင်ဖြစ်သည်။ - Ink
#000000— ၎င်း၏ body text၊ ဖြည့်ထားသော button များ၊ navigation သို့မဟုတ် link များဖြစ်စေ၊ သန့်စင်သောအနက်ရောင်သည် နွေးထွေးသောအရောင် palette အတွက် အခြေခံအဖြစ်ဆောင်ရွက်ပြီး စနစ်တွင် တစ်ခုတည်းသော ထက်မြက်သော contrast ကို ဖန်တီးပေးသည်။ - Graphite
#44403b— ကိုယ်ထည်စာသား၊ အပိုင်းခေါင်းစဉ်များ - အနက်ရောင်ကဲ့သို့ ကြမ်းတမ်းမှုမရှိဘဲ ထိထိမိမိရှိရန် လိုအပ်သော စာသားအတွက် သိမ်မွေ့သော နွေးထွေးသည့် မီးခိုးရောင်ရင့်ရောင်။ - Smoke
#777169— အဓိကစာသား၊ လျှို့ဝှက်ဖော်ပြချက်များနှင့် စာတန်းများသည် အလယ်အလတ်နွေးထွေးသော မီးခိုးရောင်ဖြင့်ဖြစ်ပြီး ကတ်များနှင့် အကြောင်းအရာဆိုင်ရာ စာသားများ၏ လွှမ်းမိုးထားသော၊ ဖတ်ရှုရလွယ်ကူသော်လည်း တည်ငြိမ်သောပုံစံဖြစ်သည်။
စာလုံးပုံစံ
၁၀ မှ ၄၈px အထိ · အဆင့် ၈ ဆင့်
- Waldenburg — အစားထိုးခြင်း: Inter (300) or Söhne Light · မျဉ်းကြောင်းများ 300 · ခေါင်းစဉ်များနှင့် ဒီဇိုင်းဒြပ်စင်များအတွက်သာ။ ဖောင့်အလေးချိန် ၃၀၀ ရှိသော ၄၈/၃၆/၃၂px ဖော်မတ်များတွင် အသုံးပြုသည်—အလွန်ပေါ့ပါးသောဖောင့်သည် ပုံမှန်မဟုတ်ပါ။ ဝဘ်ဆိုက်အများစုတွင် ၆၀၀-၇၀၀ ကို အသုံးပြုသည်။ ဤသိမ်မွေ့သောဖောင့်သည် ထိန်းချုပ်မှုမှတစ်ဆင့် အခွင့်အာဏာကို ပေးစွမ်းသည်။ -၀.၀၂em ၏ စာလုံးအကွာအဝေးကျဉ်းမြောင်းခြင်းသည် ပိုကြီးသောအရွယ်အစားများရှိ စာလုံးများအကြား ပိုမိုနီးကပ်စွာ ကိုက်ညီစေသည်။ အခြားရွေးချယ်စရာများ- ၃၀၀ အလေးချိန်ရှိသော "Inter" သို့မဟုတ် ပရီမီယံအစားထိုးအနေဖြင့် ပေါ့ပါးသောအလေးချိန်ရှိသော "Söhne"။
- Inter — အစားထိုးခြင်း: Inter or system-ui · မျဉ်းကြောင်းများ 400, 500 · မျက်နှာပြင်ပြင်ပရှိ အရာအားလုံး- ကိုယ်ထည်စာသား၊ လမ်းညွှန်ချက်၊ ခလုတ်များ၊ လင့်ခ်များ၊ အညွှန်းများ၊ ထည့်သွင်းမှုအကွက်များ၊ ကတ်များ။ ၄၀၀ သည် မူရင်းအလေးချိန်ဖြစ်ပြီး ၅၀၀ ကို ခလုတ်များနှင့် မီးမောင်းထိုးပြထားသော လင့်ခ်များအတွက် သီးသန့်ထားရှိသည်။ အရွယ်အစားများသည် ၁၀ မှ ၁၀ အထိရှိပြီး လိုင်းအကွာအဝေးကို လျှော့ချထားသည် (၁.၄၇–၁.၆)၊ စာပိုဒ်များ အသက်ရှူရန် နေရာလွတ်ပေးသည်။ ၁၄ မှ ၃ အထိ အရွယ်အစားများတွင် +၁ (၂) စာလုံးအသေးအကွာအဝေးသည် အရွယ်အစားသေးငယ်သော စာဖတ်နိုင်စွမ်းကို ပိုမိုကောင်းမွန်စေသည်။
- Geist Mono — အစားထိုးခြင်း: JetBrains Mono or IBM Plex Mono · မျဉ်းကြောင်းများ 400 · ကုဒ် သို့မဟုတ် နည်းပညာဆိုင်ရာစာသားဘေးတွင် တည်ရှိသော မိုက်ခရိုစာသား၊ 13px တွင် နေရာချထားသည်—နည်းပညာဆိုင်ရာ အညွှန်းများ သို့မဟုတ် မက်တာဒေတာအတွက် ရှားရှားပါးပါးသာ အသုံးပြုခြင်း (ကြိမ်နှုန်း = 28)။ တစ်လွှာတည်း၊ 1.69 ၏ ကြီးမားသော မျဉ်းကြောင်းအမြင့်။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | သိပ်သည်းသော |
| အခြေခံအဆင့် | 8-16px |
| ခလုတ်အချင်းဝက် | 9999px |
| ကတ်အချင်းဝက် | 20px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 96-125px |
| စာမျက်နှာအကျယ် | 1280px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို ElevenLabs ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- Awesomic — စက္ကူစများနှင့် ဆင်တူသော လိမ္မော်ရောင် ပုဒ်ဖြတ်အမှတ်အသားများပါသည့် အယ်ဒီတာ့အာဘော် သွပ်ကွက်
- Monad — နွေးထွေးသော စက္ကူပေါ်တွင် အယ်ဒီတာ့အာဘော် နည်းပညာဂျာနယ်
- Dub — Link ရဲ့ မက်တီဆန်စက္ကူ ထိန်းချုပ်ကန့်
- Seline Analytics — ပူနွေးသောစက္ကူပေါ်တွင် တိတ်ဆိတ်ငြိမ်သက်သော ခွဲခြမ်းစိတ်ဖြာရေးစားပွဲ
- Notion — နေ့လည်ခင်းနေရောင်အောက်က နွေးထွေးတဲ့ စက္ကူမှတ်စုစာအုပ်တစ်အုပ်
- Anthropic — နွေးထွေးသော သားရေစက္ကူပေါ်တွင် ရေးသားထားသော သိပ္ပံနည်းကျ လယ်ကွင်းဂျာနယ်တစ်စောင်—တည်ငြိမ်သော ဆင်စွယ်မျက်နှာပြင်များ၊ ခြစ်ရာပါ အယ်ဒီတာ့အာဘော် ခေါင်းစဉ်များနှင့် အရေးယူဆောင်ရွက်မှု လိုအပ်သည့်အခါတွင်သာ ပေါ်လာသည့် တစ်ခုတည်းသော ရွှံ့စေးအနှစ်သာရ။
- Calendly — အေးစက်သော စကျင်ကျောက်ပေါ်တွင် နက်ပြာရောင်မင်
- Augen Pro — Apple ရဲ့ အဖြူရောင်တင်ဆက်မှုမှာ ဆေးပညာဆန်ပြီး အလေးချိန်မရှိတဲ့ လျှပ်စစ်အပြာရောင်ကို တစ်မူထူးခြားတဲ့အရောင်အဖြစ် အသုံးပြုထားပါတယ်။
- Antimetal — ခရင်မ်စက္ကူပေါ်တွင် အယ်ဒီတာ့အာဘော် မှတ်တမ်းတစ်ခု—သိပ္ပံဂျာနယ်တစ်စောင်တွင် တိတ်ဆိတ်ငြိမ်သက်သော မနက်ခင်းတစ်ခု၊ ထိန်းချုပ်နိုင်စွမ်းက ယုံကြည်မှုကို ဖော်ဆောင်ပေးပြီး serif များက လေးလံသောဝန်ကို လုပ်ဆောင်ပေးသည်။
- Perk — ပူနွေးသော စက္ကူပေါ်တွင် လျှပ်စစ်ထုံး
- Ditto — နေရောင်အောက်က တောပန်းနမူနာတွေကို ဖန်တီးနေတဲ့ အလုပ်ရုံ။ နွေးထွေးတဲ့ ခရင်မ်မျက်နှာပြင်တွေ၊ တက်ကြွတဲ့ အဝါရောင်အောက်ခံအရောင်၊ နက်ရှိုင်းတဲ့ အပြာရောင်မင်တွေ၊ လက်ရာရဲ့နောက်ကွယ်မှာ ပွင့်လန်းနေတဲ့ အော်ဂဲနစ်အရောင်ပုံစံတွေ။
- Officevibe — နွေးထွေးသော ခရင်မ်ရောင်စက္ကူပေါ်တွင် ရေးသားထားသော အယ်ဒီတာ့အာဘော် မဂ္ဂဇင်းတစ်စောင်။ HR စီမံခန့်ခွဲမှုဆိုင်ရာ အတွေးအမြင်ရှိသော ဆောင်းပါးတစ်ပုဒ်ကို ထုတ်ကုန်တစ်ခုအဖြစ် တင်ပြထားသည်—ခေတ်မီ အပြာရောင် မျက်နှာပြင်မှတစ်ဆင့် တိုးတိုးလေး ရေးသားထားသော လက်ရေးဆက် serif ဖောင့်တစ်ခု။