Anthropic
Жылуу пергамент жөнүндөгү илимий талаа журналы — пил сөөгүнүн тынч беттери, сериф менен кооздолгон редакциялык аталыштар жана аракет керек болгондо гана пайда болгон бир гана чопо акцент.
Anthropic интерфейси жылуу пергамент кагазына кылдаттык менен тандалган илимий басылмадай окулат. Пил сөөгүнүн жана сулунун нейтралдуу өңдөрү технологиядан шыктанган дизайндардын типтүү муздак боз палитрасын алмаштырып, ар бир бетке кагаз текстурасын берет, ал негизги жана башкы текст үчүн болуп көрбөгөндөй масштабда колдонулган ыңгайлаштырылган сериф шрифтин толуктайт. Бир гана чопо түстүү акцент активдүү учурларда гана пайда болот; калганынын баары тынч жана катаал бойдон калат. Компоненттер жалпак — ичке чек аралар жана тандалма төмөнкү бурч радиустары дизайн тили катары көлөкөлөрдүн ордуна колдонулат, ал эми интерфейс элементтерин билдирген санс-сериф шрифти жана экспрессивдүүлүктү билдирген сериф шрифти бар.
Дизайнда винтаждык илимий иллюстрациялар басымдуулук кылат: башкы бетте көпөлөктөрдүн жана көпөлөктөрдүн тыгыз ботаникалык/зоологиялык коллажы камтылган, алар 19-кылымдагы талаа гиддерин эске салган классикалык натуралисттик иллюстрациялардын стилинде жасалган. Иллюстрациялар пергамент фонуна каршы туруу үчүн эмес, ага аралашуу үчүн жылуу түстөргө боёлгон. Сүрөттөр, продукт скриншоттору же абстракттуу градиенттер жок. Иконография минималдуу — ачылуучу тизмелер үчүн кичинекей шеврондор жана сейрек сызыктуу индикаторлор, ар дайым текст менен бирдей жылуу, нейтралдуу палитрада. Визуалдык тыгыздык төмөн: тексттин чоң блоктору жана ак боштуктар басымдуулук кылат жана сүрөттөр башкы беттин алкагында гана пайда болот.
Түстөр палитрасы
Бренд
- Clay
#d97757— Толтурулган аракетке чакыруу баскычтары (мисалы, "кукиге макулдукту кабыл алуу") системадагы жалгыз акцент түсү болуп саналат, ал кадимки 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 башкаруу боюнча ойлуу эссени элестетиңиз.