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 — Редакционный журнал на бумаге теплого кремового цвета. Представьте себе вдумчивое эссе по управлению персона…