Anthropic
In wittenskiplik fjildtydskrift op waarm vellum - rêstige ivoaren oerflakken, serifisearre redaksjonele koppen, en in ienich klaaiaksint dat allinich ferskynt as aksje nedich is.
De ynterface fan Anthropic lêst as in soarchfâldich gearstalde wittenskiplike publikaasje op waarm perkamentpapier. Neutrale skaden fan ivoar en havermout ferfange it typyske koele grize palet fan tech-ynspirearre ûntwerpen, wêrtroch elk oerflak in papierachtige tekstuer krijt dy't past by it oanpaste serif-lettertype dat op in noch nea earder sjoen skaal brûkt wurdt foar sawol haadtekst as koptekst. In inkele klaaikleurige aksint ferskynt allinich by mominten fan aktiviteit; alles oars bliuwt kalm en sober. Komponinten binne flak - tinne rânen en selektive ûnderste hoeke-radii ferfange skaadfoarmen as de ûntwerptaal, mei in sans-serif-lettertype dat ynterface-eleminten fertsjintwurdiget en in serif-lettertype dat ekspressiviteit oerbringt.
It ûntwerp wurdt dominearre troch vintage wittenskiplike yllustraasjes: de thússide hat in tichte botanyske/zoölogyske kollaazje fan flinters en motten, útfierd yn 'e klassike styl fan naturalistyske yllustraasjes dy't tinken dogge oan fjildgidsen út 'e 19e iuw. De yllustraasjes binne waarm kleurd om te mingjen mei de perkamintachtergrûn ynstee fan der tsjin op te fallen. Der binne gjin foto's, produkt-screenshots of abstrakte kleurovergangen. De ikonografy is minimaal - lytse chevrons foar útklapmenu's en sparse lineêre oanwizers, altyd yn itselde waarme, neutrale palet as de tekst. De fisuele tichtens is leech: grutte blokken tekst en wyt romte oerhearskje, en ôfbyldings ferskine allinich binnen it berik fan 'e thússide.
Palet
Merk
- Clay
#d97757— Folde oprop-ta-aksje-knoppen (bygelyks "akseptearje tastimming foar koekje") binne de ienige aksintkleur yn it systeem, in waarme terracotta-skaad dy't ta de ierdske toanfamylje heart ynstee fan it typyske UI-blau. - Clay Deep
#c6613f— De sweef-/druksteat foar Clay call-to-action-knoppen en it kanonike token mei in diakritysk teken is in djippere ferzje fan it basisdiakritysk teken.
Neutraal
- Slate Dark
#141413— Lidtekst, kopteksten, fuottekstachtergrûn, tinne rânen - hast swart mei in bytsje waarmte, nea suver swart. - Ivory Medium
#f0eee6— It doek fan 'e pagina en de grutte oerflakvullingen binne in perkamintachtergrûn dy't de hiele waarme toan bepaalt. - Ivory Light
#faf9f5— Kartonnen oerflakken, ferhege panielen en klik-om-te-klikken-knoppen binne ien stap helderder as kanvas foar in laachseffekt sûnder skaad. - Cloud Medium
#b0aea5— Underdrukte helptekst, ynaktive navigaasje-eleminten, ekstra labels - in neutrale styl dy't nei de eftergrûn ferdwynt sûnder te ferdwinen. - Cloud Dark
#87867f— Omrande knopframes, skiedingsdielen mei middelgrutte kontrast - Stone
#cccbc8— Subtile grinzen en skieders tusken seksjes binne sichtber, mar nea te dúdlik.
Typografy
fan 12 oant 68px · 6 stappen
- Anthropic Serif — ferfanging: Georgia · sketsen 400, 600 · Redaksjonele styl - brûkt foar de koptekst fan 68 piksels, alle lichemstekst fan 20 piksels, titels fan kaarten en stipeparagrafen. It serif-lettertype foeget persoanlikheid ta oan 'e tekst; de oanwêzigens dêrfan yn 'e lichemstekst (ûngewoan foar technyske websiden) jout oan dat it ta in ûndersykspublikaasje heart. In lettertypegewicht fan 400 is standert, in lettertypegewicht fan 600 is foar klam.
- Anthropic Sans — ferfanging: Inter · sketsen 400, 500, 600, 700 · De brûkersynterface en werjefte fan sans-serif-lettertypen omfetsje navigaasjekeppelings, knoppen, fuotteksten, ikoanen en in fetgedrukte sans-serif-koptekst mei in gewicht fan 61px 700. It 61px sans-serif-lettertype is neist it 68px serif-lettertype pleatst, wêrtroch't bewust in dûbel systeem ûntstiet: it sans-serif-lettertype drukt ferklearjende útspraken út, wylst it serif-lettertype oanfielt as in redaksjoneel essay.
- Anthropic Mono — ferfanging: JetBrains Mono · sketsen 400 · Allinnich brûkt yn koade of technyske fragminten - seldsum.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 8px |
| Knopradius | 8px (bottom-only on filled variants), 12px (outlined) |
| Kaartradius | 24px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 80-120px |
| Sidebreedte | 1280px |
AI sil jo webside bouwe yn Anthropic -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- ElevenLabs — In foto-essay yn waarme crèmekleurige toanen mei subtile koppen. In notebook yn Bauhaus-styl - aai-skulpkleurich papier, swarte inket, en in inkele pearse en oranje aksint foar produktwerjefte.
- Awesomic — Redaksjoneel sinkgaas mei oranje leestekens dy't tinken dogge oan konfetti
- Monad — redaksjoneel technysk tydskrift op waarm perkament
- Dub — Link's matte ryspapier kontrôlepaniel
- Seline Analytics — In rêstige analytyske tafel op waarm papier
- Notion — In waarm papieren notebook yn 'e middeis sinne
- Calendly — Donkerblauwe inket op kâld moarmer
- Augen Pro — De wite presintaasje fan Apple hat in klinysk, gewichtleas, elektrysk blau as it ienige aksint yn in monochrome romte.
- Antimetal — In redaksjonele kronyk op crèmekleurich papier - in rêstige moarn yn in wittenskiplik tydskrift, dêr't beheining fertrouwen útstraalt en serifs it swiere wurk dogge
- Perk — Elektryske limoen op waarm perkamentpapier
- Ditto — In sinneferljochte workshop dy't foarbylden fan wylde blommen makket. Waarme crèmekleurige oerflakken, in libbene giele basiskleur, djip marineblauwe inkten, organyske kleurfoarmen dy't efter it stik bloeie.
- Officevibe — In redaksjoneel tydskrift op waarm crèmekleurich papier. Stel jo in neitocht essay foar oer HR-behear, presintearre as in produkt - in kursive serif-lettertype dat flústeret troch in moderne blauwe ynterface.