Anthropic
Навуковы палявы часопіс на цёплым пергаменце - спакойныя паверхні колеру слановай косткі, рэдакцыйныя загалоўкі з засечкамі і адзіны гліняны акцэнт, які з'яўляецца толькі тады, калі трэба дзейнічаць
Інтэрфейс Anthropic чытаецца як старанна адабраная навуковая публікацыя на цёплай пергаментнай паперы. Нейтральныя адценні слановай косткі і аўсянкі замяняюць тыповую халодную шэрую палітру ў тэхналагічнай стылістыцы, надаючы кожнай паверхні папяровую тэкстуру, якая спалучаецца з карыстацкім шрыфтам з засечкамі, выкарыстоўваным у беспрэцэдэнтным маштабе як для асноўнага, так і для загалоўкавага тэксту. Адзіны акцэнт глінянага адцення з'яўляецца толькі ў моманты актыўнасці; усё астатняе застаецца спакойным і строгім. Кампаненты плоскія - тонкія межы і выбарачныя радыусы ніжніх кутоў замяняюць цені ў якасці мовы афармлення, шрыфт без засечак адказвае за элементы інтэрфейсу, а шрыфт з засечкамі перадае выразнасць.
У афармленні пераважаюць вінтажныя навуковыя ілюстрацыі: на галоўнай старонцы прадстаўлены шчыльны батанічны/заалагічны калаж з матылькоў і матылькоў, выкананы ў класічным стылі натуралістычных ілюстрацый, якія нагадваюць палявыя вызначальнікі XIX стагоддзя. Ілюстрацыі выкананы ў цёплых танах, каб гарманаваць з пергаментным фонам, а не вылучацца на ім. Ніякіх фатаграфій, скрыншотаў прадукта, абстрактных градыентаў. Іканаграфія мінімальная - невялікія шаўроны для выпадаючых спісаў і рэдкія лінейныя індыкатары, заўсёды ў той жа цёплай нейтральнай гаме, што і тэкст. Візуальная шчыльнасць нізкая: пераважаюць вялікія блокі тэксту і пустой прасторы, а выявы з'яўляюцца толькі ў маштабе галоўнай старонкі.
Палітра
Брэнд
- Clay
#d97757— Запоўненыя кнопкі закліку да дзеяння (напрыклад, "прыняць згоду на выкарыстанне файлаў cookie") - адзіны каляровы акцэнт у сістэме, цёплае тэракотавае адценне, які належыць да сямейства земляных тонаў, а не да тыповага сіняга колеру карыстацкага інтэрфейсу. - 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, загалоўкаў картак і дапаможных абзацаў. Шрыфт з засечкамі надае тэксту індывідуальнасць; яго прысутнасць у асноўным тэксце (незвычайна для тэхнічных сайтаў) паказвае на прыналежнасць да навукова-даследчай публікацыі. Таўшчыня 400 - па змаўчанні, 600 - для вылучэння.
- Anthropic Sans — замена: Inter · напісання 400, 500, 600, 700 · Інтэрфейс карыстальніка і адлюстраванне шрыфтоў без засечак — навігацыйныя спасылкі, кнопкі, ніжнія калантытулы, значкі і тоўсты загаловак без засечак з таўшчынёй 61px 700. Шрыфт без засечак 61px размешчаны побач з шрыфтам з засечкамі 68px, наўмысна дэкларатыўныя сцвярджэнні, шрыфт з засечкамі ўспрымаецца як рэдакцыйнае эсэ.
- 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 — Рэдакцыйны часопіс на паперы цёплага крэмавага колеру. Уявіце сабе ўдумлівае эсэ па кіраванні персаналам, аформленае ў выглядзе прадукта - курсіўны шрыфт з засечкамі, нібы шэпчучы скрозь сучасны сіні інтэрфейс