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
- Mollie — In kasjmier teller, in tsjuster grutboek. Lit genôch wite romte oer foar redaksjoneel ûntwerp om 'e swarte tekst hinne, en fersterkje dan produktrelatearre punten mei waarme crèmes, espressobrowns en taktile foto's fan werklike betelmethoden.
- Kagi — In aparte lêskeamer. Meitsje in iepen wite romte om fetdrukte grafyttekst hinne, mei subtile pearse aksinten en waarme pastelkleurige oerflakken om de rêst te ûnderbrekken.
- Milanote — Milanote is in tawijde kreative studio. Meitsje redaksjonele galery-styl siden mei driuwende fisuele boerden: donkere framed muorren, wite werjefteromte en skermôfbyldings dy't lykje op echte objekten mei in sêfte djipte.
- Co2 — In klimaatatlas yn winterljocht. Meitsje siden lykas in lânskip fan loftdokuminten, wêr't serif-koppen, kategorykodearre gegevens en izige ôfbyldings brede wite marzjes markearje.
- GitButler — Turkoois oan 'e ein fan 'e tekst. In kombinaasje fan serif-koppen mei hege kontrast mei subtile technyske rasters, waarme grafyt-oerflakken en in diskreet turkoois aksint.
- 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