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
- Mollie — Isang cashmere counter, isang madilim na ledger. Mag-iwan ng sapat na puting espasyo para sa disenyo ng editoryal sa paligid ng itim na teksto, pagkatapos ay pagtibayin ang mga puntong may kaugnayan sa produkto gamit ang mga maligamgam na krema, espresso browns, at mga larawan ng aktwal na paraan ng pagbabayad na maaaring hawakan.
- Kagi — Isang hiwalay na silid-basahan. Gumawa ng bukas na puting espasyo sa paligid ng naka-bold na grapayt na teksto, gamit ang mga banayad na lilang accent at mainit na pastel na ibabaw upang basagin ang katahimikan.
- Milanote — Ang Milanote ay isang nakalaang creative studio. Gumawa ng mga pahinang pang-editoryal na parang gallery gamit ang mga lumulutang na visual board: mga madilim na naka-frame na pader, puting espasyo para sa pagpapakita, at mga screenshot na mukhang totoong bagay na may banayad na lalim.
- Co2 — Isang atlas ng klima sa liwanag ng taglamig. Gumawa ng mga pahina na parang isang tanawin ng dokumentong panghimpapawid, kung saan ang mga serif heading, datos na naka-code sa kategorya, at mga nagyeyelong imahe ay nagtatampok ng malalapad na puting margin.
- GitButler — Turkesa sa dulo ng teksto. Isang kombinasyon ng mga high-contrast serif na headline na may mga banayad na teknikal na grid, mainit na graphite na ibabaw, at isang discreet turkesang accent.
- 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