Anthropic
Науковий польовий журнал на теплому пергаменті — спокійні поверхні кольору слонової кістки, редакційні заголовки із засічками та єдиний глиняний акцент, що з'являється лише тоді, коли потрібно діяти
Інтерфейс Anthropic читається як ретельно відібрана наукова публікація на теплому пергаментному папері. Нейтральні відтінки слонової кістки і вівсянки замінюють типову холодну сіру палітру в технологічній стилістиці, надаючи кожній поверхні паперову текстуру, яка поєднується з шрифтом користувача з засічками, що використовується в безпрецедентному масштабі як для основного, так і для заголовкового тексту. Єдиний акцент глиняного відтінку з'являється лише у моменти активності; решта залишається спокійним і строгим. Компоненти плоскі — тонкі межі та вибіркові радіуси нижніх кутів замінюють тіні як мову оформлення, шрифт без засічок відповідає за елементи інтерфейсу, а шрифт із засічками передає виразність.
В оформленні переважають вінтажні наукові ілюстрації: на головній сторінці представлений щільний ботанічний/зоологічний колаж із метеликів та метеликів, виконаний у класичному стилі натуралістичних ілюстрацій, що нагадують польові визначники ХІХ століття. Ілюстрації виконані у теплих тонах, щоб гармоніювати з пергаментним тлом, а не виділятися на ньому. Жодних фотографій, скріншотів продукту, абстрактних градієнтів. Іконографія мінімальна — невеликі шеврони для списків, що випадають, і рідкісні лінійні індикатори, завжди в тій же теплій нейтральній гамі, що і текст. Низька візуальна щільність: переважають великі блоки тексту та порожнього простору, а зображення з'являються лише в масштабі головної сторінки.
Палітра
Бренд
- 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 — Редакційний журнал на папір теплого кремового кольору. Уявіть собі вдумливе есе з управління персоналом, оформлене у вигляді продукту — курсивний шрифт із засічками, що ніби шепоче крізь сучасний синій інтерфейс.