Anthropic
Ein wissenschaftliches Feldtagebuch auf warmem Pergament – ruhige elfenbeinfarbene Oberflächen, serifenbesetzte Überschriften und ein einzelner Akzent in Lehmfarbe, der nur dann erscheint, wenn Handlungsbedarf besteht.
Die Benutzeroberfläche von Anthropic wirkt wie eine sorgfältig gestaltete wissenschaftliche Publikation auf warmem Pergamentpapier. Neutrale Elfenbein- und Haferflockentöne ersetzen die typische kühle Graupalette technikorientierter Designs und verleihen jeder Oberfläche eine papierartige Textur, die die eigens entwickelte Serifenschrift perfekt ergänzt. Diese wird in einer beispiellosen Größe für Fließtext und Überschriften verwendet. Ein einzelner Akzent in Lehmfarbe erscheint nur bei dynamischen Aktionen; ansonsten wirkt alles ruhig und zurückhaltend. Die Komponenten sind flach gestaltet – dünne Ränder und ausgewählte abgerundete Ecken ersetzen Schlagschatten als Gestaltungselement. Eine serifenlose Schriftart repräsentiert die Benutzeroberfläche, während eine Serifenschrift Ausdrucksstärke vermittelt.
Das Design wird von wissenschaftlichen Illustrationen im Vintage-Stil dominiert: Die Startseite ziert eine dichte botanisch-zoologische Collage von Schmetterlingen und Motten, gestaltet im klassischen Stil naturalistischer Illustrationen, die an Feldführer des 19. Jahrhunderts erinnern. Die Illustrationen sind in warmen Farben gehalten, um mit dem pergamentfarbenen Hintergrund zu verschmelzen, anstatt sich davon abzuheben. Es gibt keine Fotos, Produkt-Screenshots oder abstrakte Farbverläufe. Die Symbolik ist minimalistisch – kleine Winkel für Dropdown-Menüs und wenige lineare Indikatoren, stets in der gleichen warmen, neutralen Farbpalette wie der Text. Die visuelle Dichte ist gering: Große Textblöcke und viel Weißraum dominieren, Bilder erscheinen nur auf der Startseite.
Palette
Marke
- Clay
#d97757— Ausgefüllte Call-to-Action-Buttons (z. B. „Cookie-Einwilligung akzeptieren“) sind die einzige Akzentfarbe im System, ein warmer Terrakotta-Ton, der eher zur Familie der Erdtöne gehört als zum typischen UI-Blau. - Clay Deep
#c6613f— Der Hover-/Press-Zustand für Clay-Call-to-Action-Buttons und das kanonische Token mit einem diakritischen Zeichen ist eine erweiterte Version des grundlegenden diakritischen Zeichens.
Neutral
- Slate Dark
#141413— Fließtext, Überschriften, Fußzeilenhintergrund, dünne Ränder – fast schwarz mit einem leichten Wärmeton, niemals rein schwarz. - Ivory Medium
#f0eee6— Die Leinwand des Blattes und die großflächigen Füllungen bilden einen Pergamenthintergrund, der den gesamten warmen Ton vorgibt. - Ivory Light
#faf9f5— Kartonoberflächen, erhabene Paneele und Klickknöpfe sind eine Stufe heller als Leinwand und sorgen so für einen mehrschichtigen, schattenfreien Effekt. - Cloud Medium
#b0aea5— Unaufdringlicher Hilfetext, inaktive Navigationselemente, zusätzliche Beschriftungen – ein neutraler Stil, der in den Hintergrund tritt, ohne zu verschwinden. - Cloud Dark
#87867f— Umrandete Knopfrahmen, Trennlinien mit mittlerem Kontrast - Stone
#cccbc8— Feine Übergänge und Trennlinien zwischen den Abschnitten sind sichtbar, aber nie zu aufdringlich.
Typografie
von 12 auf 68 Pixel · 6 Schritte
- Anthropic Serif — Ersatz: Georgia · Umrisse 400, 600 · Redaktioneller Stil – verwendet für die 68px große Überschrift, den gesamten 20px großen Fließtext, Kartentitel und zugehörige Absätze. Die Serifenschrift verleiht dem Text Ausdrucksstärke; ihre Verwendung im Fließtext (ungewöhnlich für technische Websites) signalisiert, dass es sich um eine wissenschaftliche Publikation handelt. Die Standard-Schriftstärke beträgt 400 pt, 600 pt dient zur Hervorhebung.
- Anthropic Sans — Ersatz: Inter · Umrisse 400, 500, 600, 700 · Die Benutzeroberfläche und die Darstellung von serifenlosen Schriften umfassen Navigationslinks, Schaltflächen, Fußzeilen, Symbole und eine fette serifenlose Überschrift in 61px 700 pt. Die 61px große serifenlose Schrift ist neben der 68px großen Serifenschrift positioniert, wodurch bewusst ein duales System entsteht: Die serifenlose Schrift drückt Aussagen aus, während die Serifenschrift eher an einen redaktionellen Essay erinnert.
- Anthropic Mono — Ersatz: JetBrains Mono · Umrisse 400 · Wird nur in Code oder technischen Fragmenten verwendet - selten.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | dicht |
| Grundlegender Schritt | 8px |
| Radius der Schaltfläche | 8px (bottom-only on filled variants), 12px (outlined) |
| Kartenradius | 24px |
| Schatten | Nein – Ränder statt Schatten |
| Zwischen den Abschnitten | 80-120px |
| Seitenbreite | 1280px |
KI erstellt Ihre Website im Anthropic -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- ElevenLabs — Eine Fotostrecke in warmen Cremetönen mit dezenten Überschriften. Ein Notizbuch im Bauhaus-Stil – eierschalenfarbenes Papier, schwarze Tinte und ein einzelner violetter und orangefarbener Akzent zur Produktpräsentation.
- Awesomic — Redaktionelles Zinkgewebe mit orangefarbenen Satzzeichen, die an Konfetti erinnern
- Monad — redaktionelles Fachjournal auf warmem Pergament
- Dub — Link's mattes Reispapier-Bedienfeld
- Seline Analytics — Ein ruhiger analytischer Tisch auf warmem Papier
- Notion — Ein warmes Notizbuch aus Papier in der Mittagssonne
- Calendly — Dunkelblaue Tinte auf kaltem Marmor
- Augen Pro — Apples weiße Präsentation zeichnet sich durch ein klinisch-schwereloses, elektrisches Blau als einzigen Akzent in einem monochromen Raum aus.
- Antimetal — Ein redaktioneller Bericht auf cremefarbenem Papier – ein ruhiger Morgen in einer wissenschaftlichen Zeitschrift, wo Zurückhaltung Selbstvertrauen vermittelt und Serifen die Hauptarbeit leisten.
- Perk — Elektrisches Limettengrün auf warmem Pergamentpapier
- Ditto — Eine sonnendurchflutete Werkstatt, in der Wildblumenmuster entstehen. Warme cremefarbene Oberflächen, ein leuchtendes Gelb als Grundfarbe, tiefblaue Tinten, organische Farbformen, die hinter dem Werk erblühen.
- Officevibe — Ein redaktionelles Magazin auf warmem, cremefarbenem Papier. Stellen Sie sich einen tiefgründigen Essay über Personalmanagement vor, präsentiert wie ein Produkt – eine geschwungene Serifenschrift, die durch eine moderne blaue Benutzeroberfläche flüstert.