Anthropic
En vetenskaplig fälttidskrift på varmt vellum – lugna elfenbensfärgade ytor, serifferade redaktionella rubriker och en enda leraccent som bara dyker upp när handling behövs.
Anthropics gränssnitt läser som en noggrant utvald vetenskaplig publikation på varmt pergamentpapper. Neutrala nyanser av elfenben och havregryn ersätter den typiska svala grå paletten av teknikinspirerade designer, vilket ger varje yta en pappersliknande textur som kompletterar det anpassade serif-typsnittet som används i en aldrig tidigare skådad skala för både brödtext och rubrik. En enda lerfärgad accent visas bara under aktiva stunder; allt annat förblir lugnt och sobert. Komponenterna är platta – tunna kanter och selektiva nedre hörnradier ersätter skuggor som designspråk, med ett sans-serif-typsnitt som representerar gränssnittselement och ett serif-typsnitt som förmedlar uttrycksfullhet.
Designen domineras av vetenskapliga vintageillustrationer: hemsidan har ett tätt botaniskt/zoologiskt collage av fjärilar och nattfjärilar, utfört i klassisk naturalistisk stil som påminner om fältguider från 1800-talet. Illustrationerna är varma färger för att smälta in i pergamentbakgrunden snarare än att sticka ut mot den. Det finns inga fotografier, produktskärmdumpar eller abstrakta gradienter. Ikonografin är minimal – små vinklar för rullgardinsmenyer och glesa linjära indikatorer, alltid i samma varma, neutrala palett som texten. Den visuella densiteten är låg: stora textblock och vitt utrymme dominerar, och bilder visas endast inom hemsidans omfattning.
Palett
Stämpla
- Clay
#d97757— Fyllda uppmaningsknappar (t.ex. "acceptera cookie-samtycke") är den enda accentfärgen i systemet, en varm terrakottafärg som tillhör den jordnära tonfamiljen snarare än den typiska UI-blå. - Clay Deep
#c6613f— Hållnings-/trycktillståndet för Clay-uppmaningsknappar och den kanoniska token med ett diakritiskt tecken är en djupare version av det grundläggande diakritiska tecknet.
Neutral
- Slate Dark
#141413— Brödtext, rubriker, sidfotsbakgrund, tunna kanter – nästan svart med en lätt värme, aldrig helt svart. - Ivory Medium
#f0eee6— Sidans duk och de stora ytfyllningarna är en pergamentbakgrund som sätter hela den varma tonen. - Ivory Light
#faf9f5— Kartongytor, upphöjda paneler och klickknappar är ett steg ljusare än duk för en lager-på-lager-effekt utan skuggor. - Cloud Medium
#b0aea5— Dämpad hjälptext, inaktiva navigeringselement, ytterligare etiketter – en neutral stil som skjuter undan i bakgrunden utan att försvinna. - Cloud Dark
#87867f— Konturerade knappramar, avdelare med medelhög kontrast - Stone
#cccbc8— Subtila gränser och avgränsare mellan sektioner är synliga men aldrig alltför uppenbara.
Typografi
från 12 till 68px · 6 steg
- Anthropic Serif — ersättning: Georgia · konturer 400, 600 · Redaktionell stil – används för rubriken 68px, all brödtext på 20px, korttitlar och stödjande stycken. Serif-typsnittet ger texten personlighet; dess närvaro i brödtexten (ovanligt för tekniska webbplatser) indikerar att den tillhör en forskningspublikation. Standardvikten är 400, vikten är 600 för betoning.
- Anthropic Sans — ersättning: Inter · konturer 400, 500, 600, 700 · Användargränssnittet och visningen av sans-serif-teckensnitt inkluderar navigeringslänkar, knappar, sidfot, ikoner och en fet sans-serif-rubrik med en vikt på 61px och 700. Sans-serif-teckensnittet på 61px är placerat bredvid serif-teckensnittet på 68px, vilket avsiktligt skapar ett dubbelt system: sans-serif-teckensnittet uttrycker deklarativa uttalanden, medan serif-teckensnittet känns som en redaktionell uppsats.
- Anthropic Mono — ersättning: JetBrains Mono · konturer 400 · Används endast i kod eller tekniska fragment - sällsynt.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | tät |
| Grundläggande steg | 8px |
| Knappradie | 8px (bottom-only on filled variants), 12px (outlined) |
| Kortradie | 24px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 80-120px |
| Sidbredd | 1280px |
AI kommer att bygga din webbplats i Anthropic -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- ElevenLabs — En fotoessä i varma krämfärgade toner med diskreta rubriker. En anteckningsbok i Bauhaus-stil – äggskalfärgat papper, svart bläck och en enda lila och orange accentfärg för produktpresentation.
- Awesomic — Redaktionellt zinknät med orange skiljetecken som påminner om konfetti
- Monad — redaktionell teknisk tidskrift på varmt pergament
- Dub — Links kontrollpanel för matt rispapper
- Seline Analytics — Ett tyst analysbord på varmt papper
- Notion — En varm pappersbok i middagssolen
- Calendly — Mörkblått bläck på kall marmor
- Augen Pro — Apples vita presentation har en klinisk, viktlös, elektrisk blå nyans som enda accent i ett monokromt utrymme.
- Antimetal — En redaktionell krönika på krämfärgat papper – en lugn morgon i en vetenskaplig tidskrift, där återhållsamhet förmedlar självförtroende och seriffer gör det tunga arbetet.
- Perk — Elektrisk lime på varmt bakplåtspapper
- Ditto — En solbelyst workshop som skapar prover av vildblommor. Varma krämfärgade ytor, en livfull gul basfärg, djupt marinblått tryckfärg, organiska färgformer som blommar bakom verket.
- Officevibe — En redaktionell tidskrift på varmt krämfärgat papper. Föreställ dig en tankeväckande essä om HR-ledning, presenterad som en produkt – ett kursivt serif-typsnitt som viskar genom ett modernt blått gränssnitt.