Anthropic
O revistă științifică de teren pe pergament cald — suprafețe calme de fildeș, titluri editoriale cu serife și un singur accent de lut care apare doar atunci când este nevoie de acțiune.
Interfața Anthropic se citește ca o publicație științifică atent selectată, pe hârtie pergament caldă. Nuanțele neutre de fildeș și fulgi de ovăz înlocuiesc paleta tipică de gri rece a designurilor inspirate din tehnologie, conferind fiecărei suprafețe o textură hârtioasă care completează fontul serif personalizat utilizat la o scară fără precedent atât pentru textul corpului, cât și pentru cel al antetului. Un singur accent de culoarea argilei apare doar în momentele de activitate; totul rămâne calm și auster. Componentele sunt plate - marginile subțiri și razele selective ale colțurilor inferioare înlocuiesc umbrele ca limbaj de design, cu un font sans-serif reprezentând elementele interfeței, iar un font serif transmițând expresivitate.
Designul este dominat de ilustrații științifice vintage: pagina principală prezintă un colaj botanic/zoologic dens de fluturi și molii, executat în stilul clasic al ilustrațiilor naturaliste care amintesc de ghidurile de teren din secolul al XIX-lea. Ilustrațiile sunt colorate cald pentru a se îmbina cu fundalul pergamentului, în loc să iasă în evidență pe acesta. Nu există fotografii, capturi de ecran de produse sau gradienți abstracti. Iconografia este minimalistă - mici chevroane pentru meniurile derulante și indicatori liniari rari, întotdeauna în aceeași paletă caldă și neutră ca și textul. Densitatea vizuală este scăzută: predomină blocurile mari de text și spațiile albe, iar imaginile apar doar în aria de acoperire a paginii principale.
Paletă
Marca
- Clay
#d97757— Butoanele de îndemn la acțiune umplute (de exemplu, „acceptă consimțământul pentru cookie-uri”) sunt singura culoare de accent din sistem, o nuanță caldă de teracotă care aparține familiei de tonuri pământii, mai degrabă decât albastrul tipic al interfeței utilizator. - Clay Deep
#c6613f— Starea de trecere cu mouse-ul/apăsare pentru butoanele de îndemn la acțiune Clay și token-ul canonic cu diacritic este o versiune mai profundă a diacriticului de bază.
Neutru
- Slate Dark
#141413— Corpul textului, titlurile, fundalul subsolului, chenarele subțiri - aproape negru cu o ușoară tentă de căldură, niciodată negru pur. - Ivory Medium
#f0eee6— Pânza paginii și umpluturile mari de suprafață sunt un fundal pergamentat care stabilește întregul ton cald. - Ivory Light
#faf9f5— Suprafețele din carton, panourile în relief și butoanele de tip „click-to-click” sunt cu un pas mai luminoase decât pânza, pentru un efect stratificat, fără umbre. - Cloud Medium
#b0aea5— Text auxiliar discret, elemente de navigare inactive, etichete suplimentare - un stil neutru care se retrage în fundal fără a dispărea. - Cloud Dark
#87867f— Rame pentru nasturi conturate, separatoare cu contrast mediu - Stone
#cccbc8— Borduri și separatoare subtile între secțiuni sunt vizibile, dar niciodată prea evidente.
Tipografie
de la 12 la 68px · 6 pași
- Anthropic Serif — înlocuire: Georgia · contururi 400, 600 · Stil editorial – utilizat pentru titlul de 68px, tot textul de 20px, titlurile cardurilor și paragrafele aferente. Fontul serif adaugă personalitate textului; prezența sa în textul de corp (neobișnuit pentru site-urile web tehnice) indică faptul că aparține unei publicații de cercetare. Grosimea fontului de 400 este implicită, grosimea fontului de 600 este pentru accentuare.
- Anthropic Sans — înlocuire: Inter · contururi 400, 500, 600, 700 · Interfața cu utilizatorul și afișarea fonturilor sans-serif includ link-uri de navigare, butoane, subsoluri, pictograme și un titlu sans-serif îngroșat, cu o grosime de 700 de 61px. Fontul sans-serif de 61px este poziționat lângă fontul serif de 68px, creând intenționat un sistem dual: fontul sans-serif exprimă afirmații declarative, în timp ce fontul serif seamănă cu un eseu editorial.
- Anthropic Mono — înlocuire: JetBrains Mono · contururi 400 · Folosit doar în cod sau fragmente tehnice - rar.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 8px |
| Raza butonului | 8px (bottom-only on filled variants), 12px (outlined) |
| Raza cardului | 24px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 80-120px |
| Lățimea paginii | 1280px |
Inteligența artificială vă va construi site-ul web în stilul Anthropic și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Mollie — Un ghișeu din cașmir, un registru închis la culoare. Lăsați suficient spațiu alb pentru design editorial în jurul textului negru, apoi consolidați punctele legate de produs cu creme calde, cafele espresso și fotografii tactile ale metodelor de plată reale.
- Kagi — O sală de lectură separată. Creați un spațiu alb deschis în jurul unui text grafit îndrăzneț, folosind accente subtile de violet și suprafețe pastelate calde pentru a întrerupe liniștea.
- Milanote — Milanote este un studio de creație dedicat. Creați pagini în stil galerie editorială folosind panouri vizuale plutitoare: pereți înrămați întunecați, spațiu de afișare alb și capturi de ecran care arată ca obiecte reale cu o profunzime delicată.
- Co2 — Un atlas climatic în lumina iernii. Creați pagini asemănătoare unui peisaj aerian al documentelor, unde titlurile cu serif, datele codificate pe categorii și imaginile înghețate evidențiază margini albe late.
- GitButler — Turcoaz la sfârșitul textului. O combinație de titluri serif cu contrast ridicat cu grile tehnice subtile, suprafețe calde de grafit și un accent turcoaz discret.
- ElevenLabs — Un eseu foto în tonuri calde de crem, cu titluri subtile. Un caiet în stil Bauhaus — hârtie de culoarea cojii de ou, cerneală neagră și un singur accent violet și portocaliu pentru prezentarea produsului.
- Awesomic — Plasă de zinc editorială cu semne de punctuație portocalii care amintesc de confetti
- Monad — revistă tehnică editorială pe pergament cald
- Dub — Panoul de control din hârtie de orez mată al lui Link
- Seline Analytics — O masă analitică liniștită pe hârtie caldă
- Notion — Un caiet de hârtie cald în soarele de la amiază
- Calendly — Cerneală albastru închis pe marmură rece