Anthropic
Un diario scientifico da campo su calda pergamena: superfici color avorio, titoli editoriali con grazie e un unico accento color argilla che compare solo quando è necessario intervenire.
L'interfaccia di Anthropic si presenta come una pubblicazione scientifica accuratamente curata, stampata su carta pergamena dai toni caldi. Le tonalità neutre dell'avorio e dell'avena sostituiscono la tipica palette di grigi freddi dei design di ispirazione tecnologica, conferendo a ogni superficie una texture cartacea che si abbina perfettamente al carattere serif personalizzato, utilizzato su una scala senza precedenti sia per il corpo del testo che per i titoli. Un singolo accento color argilla compare solo nei momenti di attività; tutto il resto rimane calmo e austero. I componenti sono piatti: bordi sottili e raggi di curvatura selettivi degli angoli inferiori sostituiscono le ombreggiature come linguaggio di design, con un carattere sans-serif per gli elementi dell'interfaccia e un carattere serif per trasmettere espressività.
Il design è dominato da illustrazioni scientifiche d'epoca: la homepage presenta un denso collage botanico/zoologico di farfalle e falene, realizzato nel classico stile delle illustrazioni naturalistiche che ricordano le guide da campo del XIX secolo. Le illustrazioni hanno colori caldi per fondersi con lo sfondo pergamena anziché risaltare su di esso. Non ci sono fotografie, screenshot di prodotti o sfumature astratte. L'iconografia è minimale: piccole frecce per i menu a tendina e rari indicatori lineari, sempre nella stessa palette calda e neutra del testo. La densità visiva è bassa: predominano ampi blocchi di testo e spazi bianchi, e le immagini appaiono solo all'interno della homepage.
Tavolozza
Marca
- Clay
#d97757— I pulsanti di invito all'azione (ad esempio, "accetta il consenso ai cookie") sono l'unico colore di accento del sistema, una calda tonalità terracotta che appartiene alla famiglia dei toni terrosi piuttosto che al tipico blu delle interfacce utente. - Clay Deep
#c6613f— Lo stato hover/press per i pulsanti di invito all'azione di Clay e il token canonico con un segno diacritico è una versione più approfondita del segno diacritico di base.
Neutro
- Slate Dark
#141413— Testo del corpo, intestazioni, sfondo del piè di pagina, bordi sottili: quasi neri con una leggera sfumatura calda, mai completamente neri. - Ivory Medium
#f0eee6— La tela della pagina e le ampie campiture creano uno sfondo pergamenaceo che conferisce all'intera opera un tono caldo. - Ivory Light
#faf9f5— Le superfici in cartone, i pannelli in rilievo e i pulsanti a scatto sono leggermente più luminosi della tela, creando un effetto stratificato e privo di ombre. - Cloud Medium
#b0aea5— Testo ausiliario discreto, elementi di navigazione inattivi, etichette aggiuntive: uno stile neutro che si fonde con lo sfondo senza scomparire. - Cloud Dark
#87867f— Cornici dei pulsanti delineate, divisori a contrasto medio - Stone
#cccbc8— I confini e i divisori tra le sezioni sono sottili ma mai troppo evidenti.
Tipografia
da 12 a 68px · 6 passaggi
- Anthropic Serif — sostituzione: Georgia · contorni 400, 600 · Stile editoriale – utilizzato per l'intestazione di 68px, tutto il testo del corpo di 20px, i titoli delle schede e i paragrafi di supporto. Il carattere serif conferisce personalità al testo; la sua presenza nel corpo del testo (insolita per i siti web tecnici) indica che si tratta di una pubblicazione di ricerca. Il peso del carattere predefinito è 400, mentre il peso del carattere 600 è utilizzato per l'enfasi.
- Anthropic Sans — sostituzione: Inter · contorni 400, 500, 600, 700 · L'interfaccia utente e la visualizzazione dei caratteri sans-serif includono link di navigazione, pulsanti, piè di pagina, icone e un titolo sans-serif in grassetto con una dimensione di 61px e un peso di 700. Il carattere sans-serif da 61px è posizionato accanto al carattere serif da 68px, creando intenzionalmente un doppio sistema: il carattere sans-serif esprime affermazioni perentorie, mentre il carattere serif conferisce un'aria da saggio editoriale.
- Anthropic Mono — sostituzione: JetBrains Mono · contorni 400 · Utilizzato solo in codice o frammenti tecnici - raro.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | denso |
| Passo base | 8px |
| Raggio del pulsante | 8px (bottom-only on filled variants), 12px (outlined) |
| Raggio della carta | 24px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 80-120px |
| Larghezza del pannello | 1280px |
L'IA creerà il tuo sito web nello stile Anthropic e lo riempirà
- Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
- Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
- Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
- Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.
Stili simili
- ElevenLabs — Un reportage fotografico dai toni caldi color crema con titoli delicati. Un taccuino in stile Bauhaus: carta color guscio d'uovo, inchiostro nero e un unico accento viola e arancione per la presentazione del prodotto.
- Awesomic — Rete metallica in zinco per uso editoriale con segni di punteggiatura arancioni che ricordano i coriandoli.
- Monad — Rivista tecnica editoriale sulla pergamena calda
- Dub — Pannello di controllo in carta di riso opaca di Link
- Seline Analytics — Un tranquillo tavolo analitico su carta calda
- Notion — Un quaderno di carta calda sotto il sole di mezzogiorno
- Calendly — Inchiostro blu scuro su marmo freddo
- Augen Pro — La presentazione bianca di Apple presenta un blu elettrico, clinico e impalpabile, come unico accento in uno spazio monocromatico.
- Antimetal — Una cronaca editoriale su carta color crema: una tranquilla mattinata in una rivista scientifica, dove la sobrietà trasmette sicurezza e i caratteri serif svolgono il lavoro più impegnativo.
- Perk — Calce elettrica su carta da forno calda
- Ditto — Un laboratorio illuminato dal sole dove si creano campioni di fiori selvatici. Superfici color crema caldo, una base di colore giallo vibrante, inchiostri blu scuro intenso, forme di colore organiche che sbocciano sullo sfondo dell'opera.
- Officevibe — Una rivista editoriale stampata su carta color crema caldo. Immaginate un saggio approfondito sulla gestione delle risorse umane, presentato come un prodotto: un carattere serif corsivo che sussurra attraverso un'interfaccia blu moderna.