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-оптимізація під пошукову видачу та рекомендації нейромереж.
Схожі стилі
- Mollie — Кашемірова стійка, темна бухгалтерська книга. Залиште широкий білий простір для редакційного оформлення навколо чорного тексту, а потім закріпіть моменти, пов'язані з продуктом, теплими кремовими, коричневими відтінками еспресо та тактильними фотографіями реальних способів оплати
- Kagi — Окрема читальна зала. Створіть відкритий білий простір навколо виразного тексту графітового кольору, використовуючи невеликі фіолетові акценти та теплі пастельні тони для обробки поверхонь, щоб порушити спокій
- Milanote — Milanote – закріплена креативна студія. Створюйте сторінки у вигляді редакційної галереї, використовуючи плаваючі візуальні дошки: темні стіни, що обрамляють, білий виставковий простір і скріншоти, що виглядають як реальні об'єкти, з м'якою глибиною
- Co2 — Кліматичний атлас у зимовому світлі. Створюйте сторінки як повітряний ландшафт документа, де заголовки із засічками, дані, закодовані за категоріями, та крижані зображення підкреслюють широкі білі поля
- GitButler — Бірюзовий колір в кінці тексту. Поєднання висококонтрастних заголовків із засічками з ненав'язливими технічними сітками, теплими графітовими поверхнями та стриманим бірюзовим акцентом
- ElevenLabs — Фоторепортаж у теплих кремових тонах із ненав'язливими заголовками. Блокнот у стилі Баухаус — папір кольору яєчної шкаралупи, чорне чорнило, один фіолетовий та помаранчевий акцент для демонстрації продукту.
- Awesomic — Редакційна цинкова сітка з помаранчевими розділовими знаками, що нагадують конфетті
- Monad — редакційний технічний журнал на теплому пергаменті
- Dub — матова панель управління Link на рисовому папері
- Seline Analytics — Тихий аналітичний стіл на теплий папір
- Notion — Теплий паперовий блокнот під полуденним сонцем
- Calendly — Темно-синє чорнило на холодному мармурі