Anthropic
နွေးထွေးသော သားရေစက္ကူပေါ်တွင် ရေးသားထားသော သိပ္ပံနည်းကျ လယ်ကွင်းဂျာနယ်တစ်စောင်—တည်ငြိမ်သော ဆင်စွယ်မျက်နှာပြင်များ၊ ခြစ်ရာပါ အယ်ဒီတာ့အာဘော် ခေါင်းစဉ်များနှင့် အရေးယူဆောင်ရွက်မှု လိုအပ်သည့်အခါတွင်သာ ပေါ်လာသည့် တစ်ခုတည်းသော ရွှံ့စေးအနှစ်သာရ။
Anthropic ရဲ့ interface ဟာ နွေးထွေးတဲ့ parchment စက္ကူပေါ်မှာ ဂရုတစိုက်ရွေးချယ်ထားတဲ့ သိပ္ပံဆိုင်ရာစာစောင်တစ်ခုလို ဖတ်ရပါတယ်။ ဆင်စွယ်ရောင်နဲ့ oatmeal အရောင်တွေက နည်းပညာမှုတ်သွင်းထားတဲ့ ဒီဇိုင်းတွေရဲ့ ပုံမှန်အေးမြတဲ့ မီးခိုးရောင် palette ကို အစားထိုးလိုက်ပြီး မျက်နှာပြင်တိုင်းကို စက္ကူအသွင်အပြင်နဲ့ စာသားခေါင်းစဉ်နှစ်ခုလုံးအတွက် မကြုံစဖူးစကေးနဲ့ အသုံးပြုထားတဲ့ custom serif fontface ကို ဖြည့်စွက်ပေးပါတယ်။ ရွှံ့စေးရောင် အသားပေးမှုတစ်ခုတည်းက လှုပ်ရှားမှုအချိန်တွေမှာသာ ပေါ်လာပြီး ကျန်တာအားလုံးက တည်ငြိမ်ပြီး ရိုးရှင်းပါတယ်။ အစိတ်အပိုင်းတွေက ပြားချပ်ချပ်ဖြစ်ပြီး အနားသတ်ပါးလွှာတဲ့ အောက်ထောင့် radii တွေက drop shadow တွေကို ဒီဇိုင်းဘာသာစကားအဖြစ် အစားထိုးပြီး interface element တွေကို ကိုယ်စားပြုတဲ့ sans-serif fontface နဲ့ ဖော်ပြနိုင်စွမ်းကို ပေးစွမ်းတဲ့ serif fontface တို့ ပါဝင်ပါတယ်။
ဒီဇိုင်းကို ရှေးဟောင်းသိပ္ပံနည်းကျပုံများဖြင့် လွှမ်းမိုးထားသည်- ပင်မစာမျက်နှာတွင် ၁၉ ရာစု လယ်ကွင်းလမ်းညွှန်များကို ပြန်အမှတ်ရစေသော သဘာဝပုံများ၏ ဂန္ထဝင်ပုံစံဖြင့် ရေးဆွဲထားသော လိပ်ပြာများနှင့် ပိုးဖလံများ၏ သိပ်သည်းသော ရုက္ခဗေဒ/သတ္တဗေဒဆိုင်ရာ ကော်လာ့ဂျ်တစ်ခု ပါရှိသည်။ ပုံများကို စက္ကူနောက်ခံနှင့် ထင်ရှားပေါ်လွင်စေရန် နွေးထွေးစွာ အရောင်ခြယ်ထားသည်။ ဓာတ်ပုံများ၊ ထုတ်ကုန် ဖန်သားပြင်ဓာတ်ပုံများ သို့မဟုတ် abstract gradient များ မရှိပါ။ ရုပ်ပုံသင်္ကေတသည် အနည်းဆုံးဖြစ်သည်- dropdown များအတွက် chevron ငယ်များနှင့် စာသားနှင့် အမြဲတမ်း နွေးထွေးပြီး ကြားနေအရောင်တွင် linear indicator များ ပါရှိသည်။ မြင်သာမှုသိပ်သည်းဆမှာ နည်းပါးသည်- စာသားကြီးများနှင့် white space များ လွှမ်းမိုးထားပြီး ပုံများသည် ပင်မစာမျက်နှာ၏ အတိုင်းအတာအတွင်းသာ ပေါ်လာသည်။
ရောင်စုံ
အမှတ်တံဆိပ်
- Clay
#d97757— ဖြည့်ထားသော call-to-action ခလုတ်များ (ဥပမာ "ကွတ်ကီးသဘောတူညီချက်ကိုလက်ခံပါ") သည် စနစ်တွင် တစ်ခုတည်းသော accent color ဖြစ်ပြီး ပုံမှန် UI အပြာရောင်အစား မြေကြီးရောင်မိသားစုဝင်ဖြစ်သော နွေးထွေးသော terracotta အရောင်ဖြစ်သည်။ - Clay Deep
#c6613f— Clay call-to-action ခလုတ်များအတွက် hover/press အခြေအနေနှင့် diacritic ပါသည့် canonical token သည် အခြေခံ diacritic ၏ ပိုမိုနက်ရှိုင်းသော ဗားရှင်းတစ်ခုဖြစ်သည်။
ကြားနေ
- Slate Dark
#141413— စာကိုယ်စာသား၊ ခေါင်းစဉ်များ၊ အောက်ခြေနောက်ခံ၊ အနားသတ်ပါးပါးများ - အနက်ရောင်နီးပါးဖြစ်ပြီး အနည်းငယ်နွေးထွေးသောအရိပ်အယောင်ပါရှိပြီး လုံးဝအမည်းရောင်မဟုတ်ပါ။ - Ivory Medium
#f0eee6— စာမျက်နှာ၏ ပတ္တူနှင့် မျက်နှာပြင်ကြီးတစ်ခုစီသည် နွေးထွေးသောအရောင်တစ်ခုလုံးကို သတ်မှတ်ပေးသည့် စက္ကူနောက်ခံတစ်ခုဖြစ်သည်။ - Ivory Light
#faf9f5— ကတ်ထူပြားမျက်နှာပြင်များ၊ မြှင့်တင်ထားသော ပြားများနှင့် ကလစ်နှိပ်ရန် ခလုတ်များသည် အလွှာလိုက်၊ အရိပ်ကင်းသော အကျိုးသက်ရောက်မှုအတွက် ပတ္တူထက် တစ်ဆင့်ပိုမိုတောက်ပပါသည်။ - Cloud Medium
#b0aea5— သိမ်မွေ့သော အရန်စာသား၊ အသက်မဝင်သော လမ်းညွှန်ဒြပ်စင်များ၊ အပိုအညွှန်းများ—ပျောက်ကွယ်သွားခြင်းမရှိဘဲ နောက်ခံထဲသို့ နစ်မြုပ်သွားသော ကြားနေပုံစံ။ - Cloud Dark
#87867f— ဘောင်ခတ်ထားသော ခလုတ်ဘောင်များ၊ အလတ်စား ဆန့်ကျင်ဘက် ပိုင်းခြားကိရိယာများ - Stone
#cccbc8— အပိုင်းများကြားရှိ သိမ်မွေ့သော နယ်နိမိတ်များနှင့် ပိုင်းခြားမှုများကို မြင်နိုင်သော်လည်း သိပ်မသိသာပါ။
စာလုံးပုံစံ
၁၂ မှ ၆၈px အထိ · အဆင့် ၆ ဆင့်
- Anthropic Serif — အစားထိုးခြင်း: Georgia · မျဉ်းကြောင်းများ 400, 600 · အယ်ဒီတာ့အာဘော်ပုံစံ – 68px ခေါင်းစဉ်၊ 20px ကိုယ်ထည်စာသားအားလုံး၊ ကတ်ခေါင်းစဉ်များနှင့် အထောက်အကူပြုစာပိုဒ်များအတွက် အသုံးပြုသည်။ serif ဖောင့်သည် စာသားကို ပုဂ္ဂိုလ်ရေးဆန်စေသည်၊ ကိုယ်ထည်စာသားတွင် ၎င်း၏ရှိနေခြင်းသည် (နည်းပညာဆိုင်ရာ ဝဘ်ဆိုက်များအတွက် မထူးခြားပါ) သုတေသနစာစောင်တစ်ခုနှင့် သက်ဆိုင်ကြောင်း ညွှန်ပြသည်။ ဖောင့်အလေးချိန် ၄၀၀ သည် ပုံသေဖြစ်ပြီး ဖောင့်အလေးချိန် ၆၀၀ သည် အလေးပေးဖော်ပြရန်အတွက်ဖြစ်သည်။
- Anthropic Sans — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 400, 500, 600, 700 · sans-serif ဖောင့်များ၏ user interface နှင့် display တွင် navigation link များ၊ ခလုတ်များ၊ footers များ၊ icon များနှင့် 61px 700 weight ရှိသော bold sans-serif headline များ ပါဝင်သည်။ 61px sans-serif ဖောင့်ကို 68px serif ဖောင့်ဘေးတွင် ထားရှိထားပြီး dual system တစ်ခုကို ရည်ရွယ်ချက်ရှိရှိ ဖန်တီးထားသည်- sans-serif ဖောင့်သည် declarative statements များကို ဖော်ပြပြီး serif ဖောင့်သည် အယ်ဒီတာ့အာဘော် essay တစ်ခုကဲ့သို့ ခံစားရစေသည်။
- Anthropic Mono — အစားထိုးခြင်း: JetBrains Mono · မျဉ်းကြောင်းများ 400 · ကုဒ် သို့မဟုတ် နည်းပညာဆိုင်ရာ အပိုင်းအစများတွင်သာ အသုံးပြုသည် - ရှားပါးသည်။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | သိပ်သည်းသော |
| အခြေခံအဆင့် | 8px |
| ခလုတ်အချင်းဝက် | 8px (bottom-only on filled variants), 12px (outlined) |
| ကတ်အချင်းဝက် | 24px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 80-120px |
| စာမျက်နှာအကျယ် | 1280px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို Anthropic ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- ElevenLabs — ခေါင်းစဉ်ငယ်များပါရှိသော နွေးထွေးသောခရင်မ်ရောင်ဖြင့် ဓာတ်ပုံစာစီစာကုံးတစ်ပုဒ်။ Bauhaus ပုံစံ မှတ်စုစာအုပ်တစ်အုပ်—ဥခွံရောင်စက္ကူ၊ မင်အနက်ရောင်နှင့် ထုတ်ကုန်ပြသရန်အတွက် ခရမ်းရောင်နှင့် လိမ္မော်ရောင်တစ်ခုတည်းသာ ပါဝင်သည်။
- Awesomic — စက္ကူစများနှင့် ဆင်တူသော လိမ္မော်ရောင် ပုဒ်ဖြတ်အမှတ်အသားများပါသည့် အယ်ဒီတာ့အာဘော် သွပ်ကွက်
- Monad — နွေးထွေးသော စက္ကူပေါ်တွင် အယ်ဒီတာ့အာဘော် နည်းပညာဂျာနယ်
- Dub — Link ရဲ့ မက်တီဆန်စက္ကူ ထိန်းချုပ်ကန့်
- Seline Analytics — ပူနွေးသောစက္ကူပေါ်တွင် တိတ်ဆိတ်ငြိမ်သက်သော ခွဲခြမ်းစိတ်ဖြာရေးစားပွဲ
- Notion — နေ့လည်ခင်းနေရောင်အောက်က နွေးထွေးတဲ့ စက္ကူမှတ်စုစာအုပ်တစ်အုပ်
- Calendly — အေးစက်သော စကျင်ကျောက်ပေါ်တွင် နက်ပြာရောင်မင်
- Augen Pro — Apple ရဲ့ အဖြူရောင်တင်ဆက်မှုမှာ ဆေးပညာဆန်ပြီး အလေးချိန်မရှိတဲ့ လျှပ်စစ်အပြာရောင်ကို တစ်မူထူးခြားတဲ့အရောင်အဖြစ် အသုံးပြုထားပါတယ်။
- Antimetal — ခရင်မ်စက္ကူပေါ်တွင် အယ်ဒီတာ့အာဘော် မှတ်တမ်းတစ်ခု—သိပ္ပံဂျာနယ်တစ်စောင်တွင် တိတ်ဆိတ်ငြိမ်သက်သော မနက်ခင်းတစ်ခု၊ ထိန်းချုပ်နိုင်စွမ်းက ယုံကြည်မှုကို ဖော်ဆောင်ပေးပြီး serif များက လေးလံသောဝန်ကို လုပ်ဆောင်ပေးသည်။
- Perk — ပူနွေးသော စက္ကူပေါ်တွင် လျှပ်စစ်ထုံး
- Ditto — နေရောင်အောက်က တောပန်းနမူနာတွေကို ဖန်တီးနေတဲ့ အလုပ်ရုံ။ နွေးထွေးတဲ့ ခရင်မ်မျက်နှာပြင်တွေ၊ တက်ကြွတဲ့ အဝါရောင်အောက်ခံအရောင်၊ နက်ရှိုင်းတဲ့ အပြာရောင်မင်တွေ၊ လက်ရာရဲ့နောက်ကွယ်မှာ ပွင့်လန်းနေတဲ့ အော်ဂဲနစ်အရောင်ပုံစံတွေ။
- Officevibe — နွေးထွေးသော ခရင်မ်ရောင်စက္ကူပေါ်တွင် ရေးသားထားသော အယ်ဒီတာ့အာဘော် မဂ္ဂဇင်းတစ်စောင်။ HR စီမံခန့်ခွဲမှုဆိုင်ရာ အတွေးအမြင်ရှိသော ဆောင်းပါးတစ်ပုဒ်ကို ထုတ်ကုန်တစ်ခုအဖြစ် တင်ပြထားသည်—ခေတ်မီ အပြာရောင် မျက်နှာပြင်မှတစ်ဆင့် တိုးတိုးလေး ရေးသားထားသော လက်ရေးဆက် serif ဖောင့်တစ်ခု။