Anthropic
Գիտական դաշտային ամսագիր տաք մագաղաթի մասին՝ հանգիստ փղոսկրե մակերեսներով, սերիֆացված խմբագրական վերնագրերով և կավե միակ շեշտադրմամբ, որը հայտնվում է միայն այն ժամանակ, երբ անհրաժեշտ է գործողություն։
Anthropic-ի ինտերֆեյսը կարդացվում է որպես տաք մագաղաթյա թղթի վրա ուշադիր մշակված գիտական հրատարակություն: Տեխնոլոգիապես ոգեշնչված դիզայնի բնորոշ սառը մոխրագույն պալիտրա փոխարինում են փղոսկրի և վարսակի չեզոք երանգները՝ յուրաքանչյուր մակերեսին հաղորդելով թղթե հյուսվածք, որը լրացնում է աննախադեպ մասշտաբով օգտագործվող սերիֆ տառատեսակը և՛ հիմնական տեքստի, և՛ վերնագրի համար: Կավե գույնի մեկ շեշտադրումը հայտնվում է միայն ակտիվության պահերին. մնացած ամեն ինչ մնում է հանգիստ և խիստ: Բաղադրիչները հարթ են. բարակ եզրագծերը և ընտրովի ստորին անկյունային շառավղերը փոխարինում են ստվերներին որպես դիզայնի լեզու, որտեղ ինտերֆեյսի տարրերը ներկայացնող sans-serif տառատեսակը, իսկ սերիֆ տառատեսակը փոխանցում է արտահայտչականություն:
Դիզայնում գերակշռում են վինտաժային գիտական նկարազարդումները. գլխավոր էջում ներկայացված է թիթեռների և ցեցերի խիտ բուսաբանական/կենդանաբանական կոլաժ, որը կատարվել է 19-րդ դարի դաշտային ուղեցույցներ հիշեցնող բնական նկարազարդումների դասական ոճով: Նկարազարդումները տաք գույներով են՝ մագաղաթյա ֆոնի հետ միաձուլվելու համար, այլ ոչ թե դրա վրա առանձնանալու համար: Լուսանկարներ, արտադրանքի էկրանի պատկերներ կամ աբստրակտ գրադիենտներ չկան: Պատկերագրությունը նվազագույն է՝ փոքր շևրոններ իջնող ցանկերի համար և նոսր գծային ցուցիչներ, միշտ նույն տաք, չեզոք պալիտրայում, ինչ տեքստը: Տեսողական խտությունը ցածր է. գերակշռում են տեքստի մեծ բլոկները և սպիտակ տարածությունը, և պատկերները հայտնվում են միայն գլխավոր էջի շրջանակներում:
Պալիտրա
Բրենդ
- Clay
#d97757— Լցված կոչի կոճակները (օրինակ՝ «ընդունել cookie-ի համաձայնությունը») համակարգում միակ շեշտադրման գույնն են՝ տաք տերակոտայի երանգ, որը պատկանում է հողային երանգների ընտանիքին, այլ ոչ թե սովորական UI կապույտին։ - Clay Deep
#c6613f— Clay գործողության կոչ անող կոճակների և դիակրիտիկ նշանով կանոնիկ տոկենի համար մկնիկը պահելու/սեղմելու վիճակը հիմնական դիակրիտիկ նշանի ավելի խորը տարբերակն է։
Չեզոք
- Slate Dark
#141413— Հիմնական տեքստը, վերնագրերը, ստորին ստորոտի ֆոնը, բարակ եզրագծերը՝ գրեթե սև՝ թեթևակի տաքությամբ, երբեք մաքուր սև։ - Ivory Medium
#f0eee6— Էջի կտավը և մեծ մակերեսային լցոնումները մագաղաթյա ֆոն են, որը սահմանում է ամբողջ տաք երանգը։ - Ivory Light
#faf9f5— Ստվարաթղթե մակերեսները, ուռուցիկ վահանակները և սեղմելու կոճակները մեկ քայլով ավելի պայծառ են, քան կտավը՝ շերտավոր, ստվերից զերծ էֆեկտի համար։ - Cloud Medium
#b0aea5— Հանգիստ օժանդակ տեքստ, ոչ ակտիվ նավիգացիոն տարրեր, լրացուցիչ պիտակներ՝ չեզոք ոճ, որը նահանջում է ֆոն՝ առանց անհետանալու։ - Cloud Dark
#87867f— Ուրվագծված կոճակների շրջանակներ, միջին հակադրության բաժանիչներ - Stone
#cccbc8— Բաժինների միջև նուրբ սահմաններն ու բաժանարարները տեսանելի են, բայց երբեք չափազանց ակնհայտ չեն։
Տպագրություն
12-ից մինչև 68px · 6 քայլ
- Anthropic Serif — փոխարինում: Georgia · ուրվագծեր 400, 600 · Խմբագրական ոճ – օգտագործվում է 68px վերնագրի, բոլոր 20px հիմնական տեքստի, քարտերի վերնագրերի և ուղեկցող պարբերությունների համար: Serif տառատեսակը տեքստին հաղորդում է անհատականություն. դրա առկայությունը հիմնական տեքստում (անսովոր է տեխնիկական կայքերի համար) ցույց է տալիս, որ այն պատկանում է հետազոտական հրատարակությանը: 400 տառատեսակի քաշը լռելյայն է, 600 տառատեսակի քաշը՝ շեշտադրման համար:
- Anthropic Sans — փոխարինում: Inter · ուրվագծեր 400, 500, 600, 700 · Sans-serif տառատեսակների օգտագործողի ինտերֆեյսը և ցուցադրումը ներառում են նավիգացիոն հղումներ, կոճակներ, ստորին էջեր, պատկերակներ և 61px 700 կշռով sans-serif թավատառ վերնագիր: 61px sans-serif տառատեսակը տեղադրված է 68px serif տառատեսակի կողքին՝ միտումնավոր ստեղծելով կրկնակի համակարգ. sans-serif տառատեսակը արտահայտում է դեկլարատիվ հայտարարություններ, մինչդեռ serif տառատեսակը խմբագրական ակնարկի տպավորություն է թողնում:
- Anthropic Mono — փոխարինում: JetBrains Mono · ուրվագծեր 400 · Օգտագործվում է միայն կոդում կամ տեխնիկական բեկորներում՝ հազվադեպ։
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 8px |
| Կոճակի շառավիղ | 8px (bottom-only on filled variants), 12px (outlined) |
| Քարտի շառավիղ | 24px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 80-120px |
| Էջի լայնությունը | 1280px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Anthropic ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- ElevenLabs — Լուսանկարչական ակնարկ տաք կրեմագույն երանգներով՝ նուրբ վերնագրերով: Բաուհաուսի ոճի տետր՝ ձվի կճեպի գույնի թուղթ, սև թանաք և մեկ մանուշակագույն ու նարնջագույն շեշտադրում ապրանքի ցուցադրման համար:
- Awesomic — Խմբագրական ցինկե ցանց՝ կոնֆետի հիշեցնող նարնջագույն կետադրական նշաններով
- Monad — խմբագրական տեխնիկական ամսագիր տաք մագաղաթի վրա
- Dub — Link-ի մատ բրնձե թղթի կառավարման վահանակ
- Seline Analytics — Հանգիստ վերլուծական սեղան տաք թղթի վրա
- Notion — Տաք թղթե տետր կեսօրվա արևի տակ
- Calendly — Մուգ կապույտ թանաք սառը մարմարի վրա
- Augen Pro — Apple-ի սպիտակ ներկայացումը մոնոքրոմ տարածքում որպես միակ շեշտադրում օգտագործում է կլինիկական, անկշիռ, էլեկտրական կապույտը։
- Antimetal — Խմբագրական տարեգրություն կրեմագույն թղթի վրա՝ հանգիստ առավոտ գիտական ամսագրում, որտեղ զսպվածությունը վստահություն է հաղորդում, իսկ սերիֆները կատարում են ծանր աշխատանքը։
- Perk — Էլեկտրական լայմ տաք մագաղաթյա թղթի վրա
- Ditto — Արևի լույսով լուսավորված արհեստանոց, որը ստեղծում է վայրի ծաղիկների նմուշներ: Տաք կրեմագույն մակերեսներ, վառ դեղին հիմնական գույն, մուգ կապույտ թանաքներ, ստեղծագործության ետևում ծաղկող օրգանական գունային ձևեր:
- Officevibe — Խմբագրական ամսագիր՝ տաք կրեմագույն թղթի վրա: Պատկերացրեք մարդկային ռեսուրսների կառավարման մասին մտածված ակնարկ, որը ներկայացված է որպես ապրանք՝ ժամանակակից կապույտ ինտերֆեյսի միջով շշնջացող շեղագիր սերիֆ տառատեսակ: