Anthropic
Teaduslik väliajakiri soojal pärgamendil – rahulikud elevandiluu pinnad, seriifidega pealkirjad ja üks saviaktsent, mis ilmub ainult siis, kui on vaja tegutseda.
Anthropicu liides on nagu hoolikalt kureeritud teaduspublikatsioon soojal pärgamentpaberil. Neutraalsed elevandiluu ja kaerahelbe toonid asendavad tehnoloogiast inspireeritud kujunduste tüüpilist jahedat halli paletti, andes igale pinnale paberise tekstuuri, mis täiendab kohandatud serif-kirjatüüpi, mida kasutatakse enneolematus ulatuses nii põhi- kui ka pealkirjateksti jaoks. Üks savikarva aktsent ilmub ainult aktiivsete hetkede ajal; kõik muu jääb rahulikuks ja kargeks. Komponendid on lamedad – õhukesed äärised ja valikulised alumise nurga raadiused asendavad disainikeelena varje, kusjuures sans-serif-kirjatüüp esindab liideseelemente ja serif-kirjatüüp annab edasi väljendusrikkust.
Kujunduses domineerivad vanamoelised teaduslikud illustratsioonid: avalehel on tihe liblikate ja ööliblikate botaaniline/zooloogiline kollaaž, mis on teostatud 19. sajandi välitööde juhenditele omases naturalistlike illustratsioonide klassikalises stiilis. Illustratsioonid on soojades toonides, et need sulanduksid pärgamentpaberist taustaga, mitte ei paistaks selle taustal silma. Puuduvad fotod, toote ekraanipildid ega abstraktsed gradientvärvid. Ikonograafia on minimaalne – väikesed noolekesed rippmenüüde jaoks ja hõredad lineaarsed indikaatorid, alati samas soojas ja neutraalses paletis kui tekst. Visuaalne tihedus on madal: domineerivad suured tekstiplokid ja tühik ning pildid ilmuvad ainult avalehe ulatuses.
Palett
Bränd
- Clay
#d97757— Täidetud tegevusele kutsuvad nupud (nt „nõustu küpsiste kasutamisega”) on süsteemis ainus aktsentvärv – soe terrakotatoon, mis kuulub mullaste toonide hulka, mitte tüüpiline kasutajaliidese sinine. - Clay Deep
#c6613f— Clay tegevusele kutsuvate nuppude ja diakriitikuga kanoonilise märgi hõljutamise/vajutamise olek on põhidiakriitiku sügavam versioon.
Neutraalne
- Slate Dark
#141413— Põhitekst, pealkirjad, jaluse taust, õhukesed äärised – peaaegu mustad kerge sooja varjundiga, mitte kunagi täiesti mustad. - Ivory Medium
#f0eee6— Lehekülje lõuend ja suured pinnatäidised on pärgamentpabertaust, mis annab kogu sooja tooni. - Ivory Light
#faf9f5— Papppinnad, reljeefsed paneelid ja klõpsamisega aktiveeritavad nupud on lõuendist ühe astme võrra heledamad, luues kihilise ja varjudeta efekti. - Cloud Medium
#b0aea5— Sujuv abitekst, mitteaktiivsed navigeerimiselemendid, lisasildid – neutraalne stiil, mis taandub taustale ilma kadumata. - Cloud Dark
#87867f— Kontuuriga nupuraamid, keskmise kontrastsusega vaheseinad - Stone
#cccbc8— Sektsioonide vahelised peened piirid ja eraldajad on nähtavad, kuid mitte kunagi liiga ilmsed.
Tüpograafia
12-st 68 pikslini · 6 sammu
- Anthropic Serif — asendamine: Georgia · kontuurid 400, 600 · Toimetuse stiil – kasutatakse 68px pealkirja, kogu 20px põhiteksti, kaardi pealkirjade ja toetavate lõikude jaoks. Serif-font lisab tekstile isikupära; selle olemasolu põhitekstis (mis on tehniliste veebisaitide puhul ebatavaline) näitab, et see kuulub teaduspublikatsiooni. Vaikimisi on fondi paksus 400, rõhuasetuseks fondi paksus 600.
- Anthropic Sans — asendamine: Inter · kontuurid 400, 500, 600, 700 · Sans-serif fontide kasutajaliides ja kuva hõlmavad navigeerimislinke, nuppe, jaluseid, ikoone ja paksu sans-serif pealkirja suurusega 61px 700. 61px sans-serif font on paigutatud 68px serif fondi kõrvale, luues tahtlikult kahetise süsteemi: sans-serif font väljendab deklaratiivseid väiteid, samas kui serif font tundub nagu toimetuse essee.
- Anthropic Mono — asendamine: JetBrains Mono · kontuurid 400 · Kasutatakse ainult koodis või tehnilistes fragmentides – haruldane.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 8px |
| Nupu raadius | 8px (bottom-only on filled variants), 12px (outlined) |
| Kaardi raadius | 24px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 80-120px |
| Lehe laius | 1280px |
Tehisintellekt loob teie veebisaidi Anthropic stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- ElevenLabs — Soojades kreemikates toonides fotoessee peenete pealkirjadega. Bauhausi stiilis märkmik – munakoorekarva paber, must tint ja üks lilla ja oranž aktsent toote väljapanekuks.
- Awesomic — Toimetuse tsinkvõrk oranžide konfetti meenutavate kirjavahemärkidega
- Monad — toimetuse tehniline ajakiri soojal pärgamendil
- Dub — Linki matt riisipaberist juhtpaneel
- Seline Analytics — Vaikne analüütiline laud soojal paberil
- Notion — Soe paberist märkmik keskpäevapäikeses
- Calendly — Tumesinine tint külmal marmoril
- Augen Pro — Apple'i valge esitlus kasutab monokroomse ruumi ainsa aktsendina kliinilist, kaalutut ja elektrilist sinist.
- Antimetal — Kreemikas paberil toimetuse kroonika – vaikne hommik teadusajakirjas, kus vaoshoitus annab edasi enesekindlust ja serifid teevad raske töö ära.
- Perk — Elektriline laim soojal pärgamentpaberil
- Ditto — Päikesepaisteline töötuba, kus luuakse metslillede näidiseid. Soojad kreemikad pinnad, erk kollane põhivärv, sügavad tumesinised tindid, teose taga õitsevad orgaanilised värvivormid.
- Officevibe — Toimetuse ajakiri soojal kreemikal paberil. Kujutage ette läbimõeldud esseed personalijuhtimisest, mis on esitletud tootena – kursiivis serif-font sosistab läbi moodsa sinise liidese.