Anthropic
Naukowy dziennik terenowy na ciepłym pergaminie — spokojne, kości słoniowe powierzchnie, szeryfowe nagłówki redakcyjne i pojedynczy gliniany akcent, który pojawia się tylko wtedy, gdy zachodzi potrzeba działania.
Interfejs Anthropic przypomina starannie opracowaną publikację naukową na ciepłym pergaminie. Neutralne odcienie kości słoniowej i owsianki zastępują typową, chłodną paletę szarości, charakterystyczną dla projektów inspirowanych technologią, nadając każdej powierzchni papierową fakturę, która idealnie komponuje się z niestandardowym krojem pisma szeryfowego, używanym na niespotykaną dotąd skalę zarówno w tekście głównym, jak i w nagłówkach. Pojedynczy akcent w kolorze gliny pojawia się tylko w momentach aktywności; reszta pozostaje spokojna i surowa. Komponenty są płaskie – cienkie obramowania i selektywne promienie dolnych narożników zastępują cienie jako język projektu, a czcionka bezszeryfowa reprezentuje elementy interfejsu, a szeryfowa nadaje wyrazistości.
W projekcie dominują ilustracje naukowe w stylu vintage: strona główna prezentuje gęsty kolaż botaniczno-zoologiczny motyli i ćm, wykonany w klasycznym stylu naturalistycznych ilustracji, nawiązującym do XIX-wiecznych przewodników terenowych. Ilustracje są utrzymane w ciepłej kolorystyce, aby wtapiać się w pergaminowe tło, a nie wyróżniać się na nim. Brakuje zdjęć, zrzutów ekranu produktów ani abstrakcyjnych gradientów. Ikonografia jest minimalistyczna – małe szewrony dla menu rozwijanych i rzadkie, liniowe wskaźniki, zawsze w tej samej ciepłej, neutralnej palecie co tekst. Gęstość wizualna jest niska: dominują duże bloki tekstu i biała przestrzeń, a obrazy pojawiają się tylko w obrębie strony głównej.
Paleta
Marka
- Clay
#d97757— Jedynym kolorem akcentującym w systemie są wypełnione przyciski z wezwaniem do działania (np. „zaakceptuj zgodę na pliki cookie”). Jest to ciepły odcień terakoty, który należy do rodziny kolorów ziemi, a nie do typowego dla interfejsu użytkownika niebieskiego. - Clay Deep
#c6613f— Stan najechania/naciśnięcia dla przycisków wezwania do działania Clay i kanoniczny token ze znakiem diakrytycznym stanowią bardziej szczegółową wersję podstawowego znaku diakrytycznego.
Neutralny
- Slate Dark
#141413— Tekst główny, nagłówki, tło stopki, cienkie obramowania – prawie czarne z lekkim ociepleniem, nigdy całkowicie czarne. - Ivory Medium
#f0eee6— Płótno strony i duże powierzchnie wypełnień stanowią pergaminowe tło, które nadaje całości ciepły ton. - Ivory Light
#faf9f5— Powierzchnie tekturowe, wypukłe panele i przyciski typu „kliknij po kliknięciu” są o jeden stopień jaśniejsze od płótna, co pozwala uzyskać efekt warstwowości i braku cieni. - Cloud Medium
#b0aea5— Stonowany tekst pomocniczy, nieaktywne elementy nawigacyjne, dodatkowe etykiety — neutralny styl, który schodzi w tło, ale nie znika. - Cloud Dark
#87867f— Zarysowane ramki przycisków, średni kontrast podziałów - Stone
#cccbc8— Subtelne granice i podziały między sekcjami są widoczne, ale nigdy zbyt oczywiste.
Typografia
od 12 do 68px · 6 kroków
- Anthropic Serif — wymiana: Georgia · wytyczne 400, 600 · Styl redakcyjny – używany w nagłówku o szerokości 68 px, całym tekście głównym o szerokości 20 px, tytułach kart i akapitach pomocniczych. Czcionka szeryfowa nadaje tekstowi charakteru; jej obecność w tekście głównym (nietypowa dla stron technicznych) wskazuje na przynależność do publikacji naukowej. Domyślna grubość czcionki to 400 px, a grubość 600 px służy do podkreślenia.
- Anthropic Sans — wymiana: Inter · wytyczne 400, 500, 600, 700 · Interfejs użytkownika i wyświetlacz czcionek bezszeryfowych obejmują linki nawigacyjne, przyciski, stopki, ikony oraz pogrubiony nagłówek bezszeryfowy o grubości 61 px i szerokości 700 px. Czcionka bezszeryfowa o szerokości 61 px jest umieszczona obok czcionki szeryfowej o szerokości 68 px, celowo tworząc podwójny system: czcionka bezszeryfowa wyraża stwierdzenia deklaratywne, a czcionka szeryfowa sprawia wrażenie eseju redakcyjnego.
- Anthropic Mono — wymiana: JetBrains Mono · wytyczne 400 · Używane wyłącznie w kodzie lub fragmentach technicznych - rzadkie.
Interwały i forma
| Zamiar | Oznaczający |
|---|---|
| Gęstość | gęsty |
| Podstawowy krok | 8px |
| Promień przycisku | 8px (bottom-only on filled variants), 12px (outlined) |
| Promień karty | 24px |
| Cienie | nie - granice zamiast cieni |
| Między sekcjami | 80-120px |
| Szerokość strony | 1280px |
Sztuczna inteligencja zbuduje Twoją witrynę w stylu Anthropic i wypełni ją
- Uzupełnij produktami i postami za pomocą linku - Instagram, TikTok, Facebook.
- Przenieś zawartość ze starej witryny — wystarczy podać adres.
- Nowoczesny design na najlepszym silniku: React ( Next.js) z renderowaniem serwerowym i optymalizacją SEO od razu po wyjęciu z pudełka.
- W pełni zautomatyzowana optymalizacja SEO dla wyników wyszukiwania i rekomendacje sieci neuronowych.
Podobne style
- ElevenLabs — Fotoesej w ciepłych, kremowych tonach z subtelnymi nagłówkami. Notatnik w stylu Bauhaus – papier w kolorze skorupki jajka, czarny tusz i pojedynczy fioletowo-pomarańczowy akcent do ekspozycji produktu.
- Awesomic — Siatka cynkowa redakcyjna z pomarańczowymi znakami interpunkcyjnymi przypominającymi konfetti
- Monad — czasopismo techniczne redakcyjne na ciepłym pergaminie
- Dub — Panel sterowania z matowego papieru ryżowego firmy Link
- Seline Analytics — Cichy analityczny stół na ciepłym papierze
- Notion — Ciepły papierowy notatnik w południowym słońcu
- Calendly — Ciemnoniebieski tusz na zimnym marmurze
- Augen Pro — Biała prezentacja Apple charakteryzuje się klinicznym, lekkim, elektryzującym błękitem jako jedynym akcentem w monochromatycznej przestrzeni.
- Antimetal — Kronika redakcyjna na kremowym papierze – spokojny poranek w czasopiśmie naukowym, gdzie powściągliwość wyraża pewność siebie, a szeryfy wykonują ciężką pracę
- Perk — Elektryczna limonka na ciepłym papierze pergaminowym
- Ditto — Rozświetlony słońcem warsztat, w którym powstają próbki dzikich kwiatów. Ciepłe, kremowe powierzchnie, żywa żółta baza, głęboki granatowy kolor, organiczne formy kolorystyczne rozkwitające za dziełem.
- Officevibe — Magazyn redakcyjny na ciepłym, kremowym papierze. Wyobraź sobie przemyślany esej o zarządzaniu zasobami ludzkimi, zaprezentowany jako produkt – kursywny krój pisma szeryfowego, szepczący przez nowoczesny, niebieski interfejs.