Anthropic
Et videnskabeligt felttidsskrift på varmt pergament – rolige elfenbensfarvede overflader, seriferede redaktionelle overskrifter og en enkelt leraccent, der kun vises, når handling er nødvendig.
Anthropics brugerflade ligner en omhyggeligt kurateret videnskabelig publikation på varmt pergamentpapir. Neutrale nuancer af elfenben og havrefarvet erstatter den typiske kølige grå palet af teknologiinspirerede designs, hvilket giver hver overflade en papiragtig tekstur, der komplementerer den brugerdefinerede serif-skrifttype, der bruges i en hidtil uset skala til både brødtekst og overskrift. En enkelt lerfarvet accent vises kun i øjeblikke med aktivitet; alt andet forbliver roligt og stramt. Komponenterne er flade – tynde kanter og selektive radier i de nederste hjørner erstatter skyggeeffekter som designsprog, med en sans-serif-skrifttype, der repræsenterer brugerfladeelementer, og en serif-skrifttype, der formidler udtryksfuldhed.
Designet er domineret af vintage videnskabelige illustrationer: Hjemmesiden har en tæt botanisk/zoologisk collage af sommerfugle og natsværmere, udført i den klassiske stil med naturalistiske illustrationer, der minder om feltguider fra det 19. århundrede. Illustrationerne er i varme farver for at blande sig med pergamentbaggrunden snarere end at skille sig ud imod den. Der er ingen fotografier, produktskærmbilleder eller abstrakte gradienter. Ikonografien er minimal - små vinkler til dropdown-menuer og sparsomme lineære indikatorer, altid i den samme varme, neutrale palet som teksten. Den visuelle tæthed er lav: store tekstblokke og hvidt område dominerer, og billeder vises kun inden for hjemmesidens omfang.
Palet
Mærke
- Clay
#d97757— Udfyldte call-to-action-knapper (f.eks. "accepter cookie-samtykke") er den eneste accentfarve i systemet, en varm terrakotta-nuance, der tilhører den jordagtige tonefamilie snarere end den typiske brugergrænsefladeblå. - Clay Deep
#c6613f— Hold musepegeren over/tryk-tilstanden for Clay call-to-action-knapper og det kanoniske token med et diakritisk tegn er en dybere version af det grundlæggende diakritiske tegn.
Neutral
- Slate Dark
#141413— Brødtekst, overskrifter, sidefodsbaggrund, tynde rammer - næsten sort med en let varme, aldrig ren sort. - Ivory Medium
#f0eee6— Sidens lærred og de store overfladefyldninger er en pergamentbaggrund, der sætter hele den varme tone. - Ivory Light
#faf9f5— Papoverflader, hævede paneler og klik-for-at-klik-knapper er et trin lysere end lærred for en lagdelt, skyggefri effekt. - Cloud Medium
#b0aea5— Dæmpet hjælpetekst, inaktive navigationselementer, ekstra etiketter – en neutral stil, der trækker sig tilbage i baggrunden uden at forsvinde. - Cloud Dark
#87867f— Konturerede knaprammer, mellemkontrastdelere - Stone
#cccbc8— Diskrete grænser og skillevægge mellem sektioner er synlige, men aldrig for tydelige.
Typografi
fra 12 til 68px · 6 trin
- Anthropic Serif — udskiftning: Georgia · konturer 400, 600 · Redaktionel stil – bruges til overskriften på 68 px, al brødtekst på 20 px, korttitler og supplerende afsnit. Serif-skrifttypen giver teksten personlighed; dens tilstedeværelse i brødteksten (usædvanligt for tekniske websteder) indikerer, at den tilhører en forskningspublikation. Standardværdien er 400 skrifttyper, mens 600 skrifttyper bruges til fremhævelse.
- Anthropic Sans — udskiftning: Inter · konturer 400, 500, 600, 700 · Brugergrænsefladen og visningen af sans-serif-skrifttyper inkluderer navigationslinks, knapper, sidefødder, ikoner og en fed sans-serif-overskrift med en vægt på 61px og 700. Sans-serif-skrifttypen på 61px er placeret ved siden af serif-skrifttypen på 68px, hvilket bevidst skaber et dobbelt system: sans-serif-skrifttypen udtrykker deklarative udsagn, mens serif-skrifttypen føles som et redaktionelt essay.
- Anthropic Mono — udskiftning: JetBrains Mono · konturer 400 · Bruges kun i kode eller tekniske fragmenter - sjælden.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | tæt |
| Grundlæggende trin | 8px |
| Knapradius | 8px (bottom-only on filled variants), 12px (outlined) |
| Kortradius | 24px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 80-120px |
| Sidebredde | 1280px |
AI vil bygge din hjemmeside i Anthropic -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- ElevenLabs — Et fotoessay i varme cremefarvede toner med diskrete overskrifter. En notesbog i Bauhaus-stil – æggeskalsfarvet papir, sort blæk og en enkelt lilla og orange accent til produktpræsentation.
- Awesomic — Redaktionelt zinknet med orange tegnsætningstegn, der minder om konfetti
- Monad — redaktionelt teknisk tidsskrift på varmt pergament
- Dub — Links kontrolpanel med mat rispapir
- Seline Analytics — Et stille analysebord på varmt papir
- Notion — En varm papirnotesbog i middagssolen
- Calendly — Mørkeblå blæk på kold marmor
- Augen Pro — Apples hvide præsentation har en klinisk, vægtløs, elektrisk blå farve som den eneste accent i et monokromt rum.
- Antimetal — En redaktionel krønike på cremefarvet papir – en stille morgen i et videnskabeligt tidsskrift, hvor tilbageholdenhed udstråler selvtillid, og seriffer klarer det hårde arbejde.
- Perk — Elektrisk lime på varmt pergamentpapir
- Ditto — Et solbelyst værksted, der skaber prøver af vilde blomster. Varme cremefarvede overflader, en levende gul bundfarve, dyb marineblå blæk, organiske farveformer, der blomstrer bag værket.
- Officevibe — Et redaktionelt magasin på varmt cremefarvet papir. Forestil dig et tankevækkende essay om HR-ledelse, præsenteret som et produkt – en kursiv serif-skrifttype, der hvisker gennem en moderne blå brugerflade.