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-ден 68 пиксельге дейін · 6 қадам
- Anthropic Serif — ауыстыру: Georgia · контурлар 400, 600 · Редакциялық стиль – 68 пиксельдік тақырып, барлық 20 пиксельдік негізгі мәтін, карта тақырыптары және қосымша абзацтар үшін қолданылады. 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 сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- ElevenLabs — Жылы крем түстес, нәзік тақырыптары бар фотоэссе. Баухаус стиліндегі дәптер — жұмыртқа қабығы түсті қағаз, қара сия және өнімді көрсетуге арналған бір күлгін және қызғылт сары түсті екпін.
- Awesomic — Конфеттиді еске түсіретін қызғылт сары тыныс белгілері бар редакциялық мырыш торы
- Monad — жылы пергаментке арналған редакциялық техникалық журнал
- Dub — Link компаниясының күңгірт күріш қағазынан жасалған басқару панелі
- Seline Analytics — Жылы қағаздағы тыныш аналитикалық үстел
- Notion — Түскі күн астында жылы қағаз дәптер
- Calendly — Суық мәрмәрге қою көк сиямен салынған
- Augen Pro — Apple компаниясының ақ түсті көрінісі монохромды кеңістіктегі жалғыз екпін ретінде клиникалық, жеңіл, электрлік көк түспен ерекшеленеді.
- Antimetal — Крем қағазға басылған редакциялық шежіре — ғылыми журналдағы тыныш таң, мұнда ұстамдылық сенімділік береді, ал серифтер ауыр жұмысты атқарады
- Perk — Жылы пергамент қағазындағы электрлік лайм
- Ditto — Күн сәулесі түсіп тұрған жабайы гүлдердің үлгілерін жасайтын шеберхана. Жылы крем түсті беттер, ашық сары негізгі түс, қою көкшіл сиялар, бұйымның артында гүлдеп тұрған органикалық түсті формалар.
- Officevibe — Жылы крем түсті қағазға басылған редакциялық журнал. Өнім ретінде ұсынылған HR басқару туралы ойлы эссені елестетіп көріңіз — заманауи көк интерфейс арқылы сыбырлап жазылған курсивті сериф қаріпі.