Anthropic
Një revistë shkencore mbi pergamenën e ngrohtë - sipërfaqe të qeta ngjyrë fildishi, tituj editorialë të serifuar dhe një theks i vetëm argjile që shfaqet vetëm kur nevojitet veprim.
Ndërfaqja e Anthropic lexohet si një botim shkencor i kuruar me kujdes në letër pergamene të ngrohtë. Nuancat neutrale të fildishit dhe tërshërës zëvendësojnë paletën tipike gri të ftohtë të dizenjove të frymëzuara nga teknologjia, duke i dhënë çdo sipërfaqeje një teksturë letre që plotëson fontin serif të personalizuar të përdorur në një shkallë të paparë si për tekstin e trupit ashtu edhe për atë të titullit. Një theks i vetëm me ngjyrë balte shfaqet vetëm gjatë momenteve të aktivitetit; gjithçka tjetër mbetet e qetë dhe e ashpër. Komponentët janë të sheshtë - kufijtë e hollë dhe rrezet selektive të qosheve të poshtme zëvendësojnë hijet si gjuhë dizajni, me një font sans-serif që përfaqëson elementët e ndërfaqes dhe një font serif që përcjell ekspresivitet.
Dizajni dominohet nga ilustrime shkencore të vjetra: faqja kryesore paraqet një kolazh të dendur botanik/zoologjik të fluturave dhe tenjave, të ekzekutuara në stilin klasik të ilustrimeve natyraliste që të kujtojnë udhëzuesit në terren të shekullit të 19-të. Ilustrimet janë me ngjyra të ngrohta për t'u përzier me sfondin e pergamenës në vend që të bien në sy në të. Nuk ka fotografi, pamje të ekranit të produkteve ose gradiente abstrakte. Ikonografia është minimale - vija të vogla për menutë zbritëse dhe tregues linearë të rrallë, gjithmonë në të njëjtën paletë të ngrohtë dhe neutrale si teksti. Dendësia vizuale është e ulët: mbizotërojnë blloqe të mëdha teksti dhe hapësira e bardhë, dhe imazhet shfaqen vetëm brenda fushëveprimit të faqes kryesore.
Paletë
Markë
- Clay
#d97757— Butonat e mbushur me thirrje për veprim (p.sh., "prano pëlqimin për cookie-t") janë e vetmja ngjyrë theksi në sistem, një nuancë e ngrohtë terrakote që i përket familjes së toneve prej dheu dhe jo ngjyrës blu tipike të ndërfaqes së përdoruesit. - Clay Deep
#c6613f— Gjendja e mbajtjes pezull/shtypjes për butonat e thirrjes për veprim të Clay dhe tokenin kanonik me një shenjë diakritike është një version më i thellë i diakritikës bazë.
Neutral
- Slate Dark
#141413— Teksti i trupit, titujt, sfondi i fundit të faqes, kufijtë e hollë - pothuajse të zinj me një ngrohtësi të lehtë, kurrë të zi të pastër. - Ivory Medium
#f0eee6— Kanavaca e faqes dhe mbushjet e mëdha të sipërfaqes janë një sfond pergamene që përcakton të gjithë tonin e ngrohtë. - Ivory Light
#faf9f5— Sipërfaqet e kartonit, panelet e ngritura dhe butonat klik-me-klik janë një hap më të ndritshme se kanavaca për një efekt të shtresuar dhe pa hije. - Cloud Medium
#b0aea5— Tekst ndihmës i zbutur, elementë navigimi joaktivë, etiketa shtesë - një stil neutral që tërhiqet në sfond pa u zhdukur. - Cloud Dark
#87867f— Korniza butonash me konture, ndarëse me kontrast të mesëm - Stone
#cccbc8— Kufijtë dhe ndarësit delikate midis seksioneve janë të dukshëm, por kurrë shumë të dukshëm.
Tipografi
nga 12 në 68px · 6 hapa
- Anthropic Serif — zëvendësim: Georgia · skica 400, 600 · Stili Editorial – përdoret për titullin 68px, të gjithë tekstin kryesor 20px, titujt e kartave dhe paragrafët mbështetës. Shkronja serif i shton personalitet tekstit; prania e saj në tekstin kryesor (e pazakontë për faqet e internetit teknike) tregon se i përket një botimi kërkimor. Pesha e shkronjave 400 është pesha e parazgjedhur, pesha e shkronjave 600 është për theksim.
- Anthropic Sans — zëvendësim: Inter · skica 400, 500, 600, 700 · Ndërfaqja e përdoruesit dhe shfaqja e fonteve sans-serif përfshijnë lidhje navigimi, butona, fundfaqe, ikona dhe një titull të theksuar sans-serif me një peshë 61px 700. Fonti sans-serif 61px është pozicionuar pranë fontit serif 68px, duke krijuar qëllimisht një sistem të dyfishtë: fonti sans-serif shpreh deklarata deklarative, ndërsa fonti serif ndihet si një ese editoriale.
- Anthropic Mono — zëvendësim: JetBrains Mono · skica 400 · Përdoret vetëm në kod ose fragmente teknike - e rrallë.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 8px |
| Rrezja e butonit | 8px (bottom-only on filled variants), 12px (outlined) |
| Rrezja e kartës | 24px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 80-120px |
| Gjerësia e faqes | 1280px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Anthropic dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Mollie — Një banak kashmiri, një libër llogarie i errët. Lini hapësirë të bollshme të bardhë për dizajn editorial rreth tekstit të zi, pastaj përforconi pikat që lidhen me produktin me krem të ngrohtë, kafe kafe ekspres dhe foto prekëse të metodave aktuale të pagesës.
- Kagi — Një dhomë leximi e veçantë. Krijoni një hapësirë të bardhë të hapur rreth tekstit të theksuar me grafit, duke përdorur thekse delikate vjollce dhe sipërfaqe të ngrohta pastel për të thyer qetësinë.
- Milanote — Milanote është një studio krijuese e dedikuar. Krijoni faqe në stilin e galerive editoriale duke përdorur tabela vizuale lundruese: mure me kornizë të errët, hapësirë të bardhë shfaqjeje dhe pamje të ekranit që duken si objekte të vërteta me një thellësi të butë.
- Co2 — Një atlas klimatik në dritën e dimrit. Krijoni faqe si një peizazh dokumenti ajror, ku titujt serif, të dhënat e koduara sipas kategorive dhe imazhet e akullta nxjerrin në pah kufijtë e gjerë të bardhë.
- GitButler — Ngjyrë bruz në fund të tekstit. Një kombinim titujsh serif me kontrast të lartë me rrjeta teknike delikate, sipërfaqe grafiti të ngrohta dhe një theks diskret bruz.
- ElevenLabs — Një ese me foto në tone të ngrohta krem me tituj delikatë. Një fletore në stilin Bauhaus - letër me ngjyrë lëvozhge veze, bojë e zezë dhe një theks i vetëm vjollcë dhe portokalli për shfaqjen e produktit.
- Awesomic — Rrjetë zinku editoriale me shenja pikësimi portokalli që të kujtojnë konfeti
- Monad — revistë teknike editoriale mbi pergamenë të ngrohtë
- Dub — Paneli i kontrollit të letrës orizi mat të Link
- Seline Analytics — Një tabelë analitike e qetë në letër të ngrohtë
- Notion — Një fletore e ngrohtë letre në diellin e mesditës
- Calendly — Bojë blu e errët mbi mermer të ftohtë