
Anthropic
Tudományos terepnapló meleg pergamenen – nyugodt elefántcsont felületek, csíkos szerkesztői címsorok és egyetlen agyagdísz, amely csak akkor jelenik meg, ha cselekvésre van szükség.
Az Anthropic kezelőfelülete olyan, mint egy gondosan válogatott tudományos publikáció meleg pergamenpapíron. A semleges elefántcsont és zabpehely árnyalatok váltják fel a technológia ihlette dizájnok tipikus hűvös szürke palettáját, minden felületnek papírszerű textúrát kölcsönözve, amely kiegészíti a példátlan méretekben mind a törzs, mind a címsor esetében használt egyedi talpas betűtípust. Egyetlen agyagszínű hangsúly csak az aktív pillanatokban jelenik meg; minden más nyugodt és szigorú marad. Az összetevők laposak – vékony szegélyek és szelektív alsó sarkok sugarai váltják fel a vetett árnyékokat, mint tervezési nyelvet, a kezelőfelület elemeit egy talpas betűtípus, a kifejezőerőt pedig egy talpas betűtípus képviseli.
A dizájnt a régi tudományos illusztrációk uralják: a kezdőlapon egy sűrű botanikai/zoológiai kollázs látható lepkékből és molyokból, a 19. századi terepi kalauzokra emlékeztető naturalisztikus illusztrációk klasszikus stílusában. Az illusztrációk meleg színűek, hogy inkább beleolvadjanak a pergamen háttérbe, mintsem kiemelkedjenek belőle. Nincsenek fényképek, termékfotók vagy absztrakt színátmenetek. Az ikonográfia minimális – kis nyílvesszők a legördülő menükhöz és ritka lineáris indikátorok, mindig ugyanabban a meleg, semleges palettában, mint a szöveg. A vizuális sűrűség alacsony: a nagy szövegblokkok és a fehér tér dominál, a képek pedig csak a kezdőlap hatókörén belül jelennek meg.
Paletta
Márka
- Clay
#d97757— A kitöltött cselekvésre ösztönző gombok (pl. „süti hozzájárulás elfogadása”) az egyetlen hangsúlyos szín a rendszerben, egy meleg terrakotta árnyalat, amely a földszínek családjába tartozik, nem pedig a tipikus felhasználói felület kékje. - Clay Deep
#c6613f— A Clay cselekvésre ösztönző gombjainak és a diakritikus kanonikus tokennek az egérrel való mozgatása/megnyomása az alap diakritikus jel mélyebb változata.
Semleges
- Slate Dark
#141413— A szövegtörzs, a címsorok, a lábléc háttere, a vékony szegélyek szinte feketék, enyhe melegséggel, soha nem teljesen feketék. - Ivory Medium
#f0eee6— Az oldal vászna és a nagy felületi kitöltések pergamen hátteret alkotnak, amely megadja az egész meleg tónust. - Ivory Light
#faf9f5— A kartonfelületek, a kiemelkedő panelek és a kattintásra aktiválódó gombok egy fokkal világosabbak a vászonnál, réteges, árnyékmentes hatást keltve. - Cloud Medium
#b0aea5— Visszafogott segédszöveg, inaktív navigációs elemek, további címkék – semleges stílus, amely a háttérbe húzódik anélkül, hogy eltűnne. - Cloud Dark
#87867f— Körvonalazott gombkeretek, közepes kontrasztú elválasztók - Stone
#cccbc8— A részek közötti finom határok és elválasztók láthatók, de soha nem túl feltűnőek.
Tipográfia
12-től 68 képpontig · 6 lépésben
- Anthropic Serif — csere: Georgia · körvonalak 400, 600 · Szerkesztői stílus – a 68 képpontos címsorhoz, az összes 20 képpontos szövegtörzshöz, a kártyák címeihez és a kapcsolódó bekezdésekhez használatos. A serif betűtípus egyéniséget kölcsönöz a szövegnek; jelenléte a szövegtörzsben (ami szokatlan a műszaki weboldalaknál) azt jelzi, hogy az egy kutatási publikációhoz tartozik. Az alapértelmezett betűvastagság 400, a 600-as betűvastagság a hangsúlyozásra szolgál.
- Anthropic Sans — csere: Inter · körvonalak 400, 500, 600, 700 · A sans-serif betűtípusok felhasználói felülete és megjelenítése navigációs hivatkozásokat, gombokat, lábléceket, ikonokat és egy félkövér, sans-serif címsort tartalmaz 61px-es, 700-as vastagságban. A 61px-es sans-serif betűtípus a 68px-es serif betűtípus mellett helyezkedik el, szándékosan kettős rendszert hozva létre: a sans-serif betűtípus deklaratív kijelentéseket fejez ki, míg a serif betűtípus egy szerkesztői esszére emlékeztet.
- Anthropic Mono — csere: JetBrains Mono · körvonalak 400 · Csak kódban vagy technikai részletekben használják - ritka.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 8px |
| Gomb sugara | 8px (bottom-only on filled variants), 12px (outlined) |
| Kártya sugara | 24px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 80-120px |
| Oldal szélessége | 1280px |
A mesterséges intelligencia Anthropic stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- ElevenLabs — Meleg krémszínű fotóesszé visszafogott címekkel. Bauhaus stílusú jegyzetfüzet – tojáshéjszínű papír, fekete tinta és egyetlen lila és narancssárga díszítőelem a termékek bemutatásához.
- Awesomic — Szerkesztői cinkháló narancssárga írásjelekkel, konfettire emlékeztetve
- Monad — szerkesztőségi műszaki folyóirat meleg pergamenen
- Dub — Link matt rizspapír kezelőpanelje
- Seline Analytics — Egy csendes elemző asztal meleg papíron
- Notion — Egy meleg papírfüzet a déli napsütésben
- Calendly — Sötétkék tinta hideg márványon
- Augen Pro — Az Apple fehér prezentációjában a klinikai, súlytalan, elektromos kék szín az egyetlen hangsúly a monokróm térben.
- Antimetal — Krémszínű papíron szerkesztett krónika – egy csendes reggel egy tudományos folyóiratban, ahol a visszafogottság magabiztosságot sugall, és a betűsarok végzi a nehéz munkát.
- Perk — Elektromos lime meleg pergamenpapíron
- Ditto — Egy napsütötte műhely, ahol vadvirágmintákat készítenek. Meleg krémszínű felületek, élénk sárga alapszín, mély sötétkék tinták, organikus színformák virágoznak a darab mögött.
- Officevibe — Egy meleg krémszínű papíron megjelenő vezércikk. Képzeljen el egy elgondolkodtató esszét a HR-menedzsmentről, amelyet termékként mutat be – egy modern kék kezelőfelületen suttogó, talpas, folyóírással írt betűtípus.