Anthropic
Isang siyentipikong field journal sa mainit na vellum—mga kalmadong ibabaw na garing, mga serif na heading editoryal, at isang natatanging accent na luwad na lumilitaw lamang kapag kinakailangan ng aksyon.
Ang interface ng Anthropic ay parang isang maingat na piniling publikasyong siyentipiko sa mainit na papel na parchment. Ang mga neutral na kulay ng garing at oatmeal ay pumapalit sa tipikal na malamig at kulay abong paleta ng mga disenyong inspirasyon ng teknolohiya, na nagbibigay sa bawat ibabaw ng isang mala-papel na tekstura na kumukumpleto sa pasadyang serif typeface na ginagamit sa isang walang kapantay na sukat para sa parehong katawan at heading na teksto. Isang kulay-luwad na accent ang lumilitaw lamang sa mga sandali ng aktibidad; ang lahat ng iba pa ay nananatiling kalmado at simple. Ang mga bahagi ay patag—manipis na mga border at piling mga radii sa ibabang sulok ang pumapalit sa mga drop shadow bilang wika ng disenyo, na may sans-serif typeface na kumakatawan sa mga elemento ng interface at isang serif typeface na nagpapakita ng pagpapahayag.
Ang disenyo ay pinangungunahan ng mga lumang ilustrasyong siyentipiko: ang homepage ay nagtatampok ng isang siksik na botanikal/zoolohikal na collage ng mga paru-paro at gamu-gamo, na ginawa sa klasikong istilo ng mga naturalistikong ilustrasyon na nakapagpapaalaala sa mga field guide noong ika-19 na siglo. Ang mga ilustrasyon ay may mainit na kulay upang humalo sa background ng pergamino sa halip na mapansin ito. Walang mga litrato, screenshot ng produkto, o abstract gradients. Minimal lamang ang iconography—maliliit na chevron para sa mga dropdown at kalat-kalat na linear indicator, palaging nasa parehong mainit at neutral na paleta gaya ng teksto. Mababa ang visual density: nangingibabaw ang malalaking bloke ng teksto at puting espasyo, at ang mga imahe ay lumilitaw lamang sa loob ng saklaw ng homepage.
Paleta
Tatak
- Clay
#d97757— Ang mga napunan na button na "call-to-action" (hal., "accept cookie consent") ang tanging kulay na nagbibigay-diin sa system, isang mainit na kulay terracotta na kabilang sa pamilya ng earthy tone sa halip na ang karaniwang UI blue. - Clay Deep
#c6613f— Ang hover/press state para sa mga Clay call-to-action button at ang canonical token na may diacritic ay isang mas malalim na bersyon ng basic diacritic.
Neutral
- Slate Dark
#141413— Body text, mga heading, background sa footer, manipis na mga border - halos itim na may bahagyang init, hindi kailanman purong itim. - Ivory Medium
#f0eee6— Ang canvas ng pahina at ang malalaking palaman sa ibabaw ay isang background na gawa sa pergamino na nagtatakda ng buong mainit na tono. - Ivory Light
#faf9f5— Ang mga ibabaw na karton, nakataas na mga panel, at mga click-to-click na buton ay isang hakbang na mas maliwanag kaysa sa canvas para sa isang layered at walang anino na epekto. - Cloud Medium
#b0aea5— Mahinahong pantulong na teksto, mga hindi aktibong elemento ng nabigasyon, mga karagdagang label—isang neutral na istilo na bumabalik sa background nang hindi nawawala. - Cloud Dark
#87867f— Mga nakabalangkas na frame ng butones, mga divider na may katamtamang contrast - Stone
#cccbc8— Nakikita ang mga banayad na hangganan at panghati sa pagitan ng mga seksyon ngunit hindi naman masyadong halata.
Tipograpiya
mula 12 hanggang 68px · 6 na hakbang
- Anthropic Serif — kapalit: Georgia · mga balangkas 400, 600 · Estilo ng Editoryal – ginagamit para sa heading na may 68px, lahat ng 20px na body text, mga pamagat ng card, at mga sumusuportang talata. Ang serif font ay nagdaragdag ng personalidad sa teksto; ang presensya nito sa body text (hindi pangkaraniwan para sa mga teknikal na website) ay nagpapahiwatig na ito ay kabilang sa isang publikasyon ng pananaliksik. 400 font weight ang default, 600 font weight naman ay para sa diin.
- Anthropic Sans — kapalit: Inter · mga balangkas 400, 500, 600, 700 · Ang user interface at display ng mga sans-serif font ay kinabibilangan ng mga navigation link, mga button, footer, mga icon, at isang naka-bold na sans-serif headline na may 61px 700 na bigat. Ang 61px sans-serif font ay nakaposisyon sa tabi ng 68px serif font, na sadyang lumilikha ng dual system: ang sans-serif font ay nagpapahayag ng mga deklaratibong pahayag, habang ang serif font ay parang isang editorial na sanaysay.
- Anthropic Mono — kapalit: JetBrains Mono · mga balangkas 400 · Ginagamit lamang sa code o mga teknikal na fragment - bihira.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | siksik |
| Pangunahing hakbang | 8px |
| Radius ng buton | 8px (bottom-only on filled variants), 12px (outlined) |
| Radius ng card | 24px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 80-120px |
| Lapad ng pahina | 1280px |
Gagawa ang AI ng website mo sa estilong Anthropic at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- ElevenLabs — Isang photo essay sa maayang kulay krema na may banayad na mga headline. Isang notebook na istilong Bauhaus—papel na kulay itlog, itim na tinta, at isang lila at orange na accent para sa display ng produkto.
- Awesomic — Editoryal na zinc mesh na may orange na bantas na nakapagpapaalala ng confetti
- Monad — teknikal na dyornal ng editoryal tungkol sa mainit na pergamino
- Dub — Control panel ng Link na gawa sa matte rice paper
- Seline Analytics — Isang tahimik na analytical table sa mainit na papel
- Notion — Isang mainit na kuwaderno na papel sa ilalim ng araw ng tanghali
- Calendly — Madilim na asul na tinta sa malamig na marmol
- Augen Pro — Ang puting presentasyon ng Apple ay nagtatampok ng klinikal, magaan, at de-kuryenteng asul bilang tanging accent sa isang monochrome na espasyo.
- Antimetal — Isang kronikong editoryal sa kremang papel—isang tahimik na umaga sa isang siyentipikong dyornal, kung saan ang pagtitimpi ay naghahatid ng kumpiyansa at ang mga serif ang siyang nagpapabigat
- Perk — Electric lime sa mainit na parchment paper
- Ditto — Isang workshop na naliliwanagan ng araw na lumilikha ng mga sample ng wildflower. Mainit na kremang ibabaw, matingkad na dilaw na kulay, malalim na asul na tinta, mga organikong kulay na namumukadkad sa likod ng obra.
- Officevibe — Isang magasin na editoryal sa mainit at kulay kremang papel. Isipin ang isang maalalahaning sanaysay tungkol sa pamamahala ng HR, na inilalahad bilang isang produkto—isang cursive serif font na bumubulong sa isang modernong asul na interface.