Anthropic
Tieteellinen kenttälehti lämpimällä pergamentilla – rauhallisilla norsunluunvärisillä pinnoilla, serifioiduilla otsikoilla ja yhdellä savesta tehdyllä aksentilla, joka ilmestyy vain silloin, kun toimintaa tarvitaan.
Anthropicin käyttöliittymä on kuin huolellisesti kuratoitu tieteellinen julkaisu lämpimällä pergamenttipaperilla. Neutraalit norsunluun ja kauranruskean sävyt korvaavat tyypillisen viileän harmaan teknologiasta inspiroituneiden designien paletin, antaen jokaiselle pinnalle paperimaisen tekstuurin, joka täydentää ennennäkemättömässä mittakaavassa sekä leipätekstissä että otsikkotekstissä käytettyä mukautettua serif-kirjasintyyppiä. Yksittäinen savenvärinen korostus ilmestyy vain toiminnan aikana; kaikki muu pysyy rauhallisena ja karuna. Komponentit ovat tasaisia – ohuet reunukset ja valikoidut alakulman säteet korvaavat varjot suunnittelukielenä, jossa sans-serif-kirjasintyyppi edustaa käyttöliittymän elementtejä ja serif-kirjasintyyppi välittää ilmaisuvoimaisuutta.
Designia hallitsevat vintage-tieteelliset kuvitukset: kotisivulla on tiheä kasvitieteellinen/eläintieteellinen kollaasi perhosista ja yöperhosista, toteutettu klassisessa tyylissä naturalististen kuvien kera, jotka tuovat mieleen 1800-luvun kenttäoppaita. Kuvitukset on väritetty lämpimästi, jotta ne sulautuvat pergamenttitaustaan sen sijaan, että ne erottuisivat sitä vasten. Valokuvia, tuotekuvakaappauksia tai abstrakteja liukuvärejä ei ole. Ikonografia on minimalistinen – pienet nuolet alasvetovalikoissa ja harvat lineaariset indikaattorit, aina samassa lämpimässä, neutraalissa väripaletissa kuin teksti. Visuaalinen tiheys on alhainen: suuret tekstilohkot ja tyhjä tila ovat vallitsevia, ja kuvat näkyvät vain kotisivun rajoissa.
Paletti
Merkki
- Clay
#d97757— Täytetyt toimintakehotuspainikkeet (esim. "hyväksy evästeiden suostumus") ovat järjestelmän ainoa korostusväri, lämmin terrakotan sävy, joka kuuluu maanläheisiin sävyihin tyypillisen käyttöliittymän sinisen sijaan. - Clay Deep
#c6613f— Clayn toimintakehotuspainikkeiden ja diakriittisen merkin sisältävän kanonisen tunnuksen hiiri/paina-tila on syvempi versio perusdiakriittisestä merkistä.
Neutraali
- Slate Dark
#141413— Leipäteksti, otsikot, alatunnisteen tausta, ohuet reunukset – lähes mustaa, hieman lämpimällä vivahteella, ei koskaan täysin mustaa. - Ivory Medium
#f0eee6— Sivun kangas ja suuret täyttökerrokset muodostavat pergamenttitaustan, joka luo kokonaisuudessaan lämpimän sävyn. - Ivory Light
#faf9f5— Pahvipinnat, kohopaneelit ja napsautuspainikkeet ovat astetta kirkkaampia kuin kangas, mikä luo kerroksellisen, varjottoman vaikutelman. - Cloud Medium
#b0aea5— Hillitty aputeksti, passiiviset navigointielementit, lisätunnisteet – neutraali tyyli, joka vetäytyy taustaan katoamatta kuitenkaan kokonaan. - Cloud Dark
#87867f— Ääriviivalla varustetut nappikehykset, keskikontrastiset väliseinät - Stone
#cccbc8— Hienovaraiset rajat ja jakajat osioiden välillä ovat näkyvissä, mutta eivät koskaan liian ilmeisiä.
Typografia
12:sta 68 pikseliin · 6 vaihetta
- Anthropic Serif — korvaava: Georgia · ääriviivat 400, 600 · Toimituksellinen tyyli – käytetään 68 pikselin otsikossa, kaikessa 20 pikselin leipätekstissä, korttien otsikoissa ja niitä tukevissa kappaleissa. Serif-fontti lisää tekstiin persoonallisuutta; sen läsnäolo leipätekstissä (epätavallista teknisillä verkkosivustoilla) osoittaa, että se kuuluu tutkimusjulkaisuun. Fonttipaino 400 on oletusarvo, fonttipaino 600 on korostusta varten.
- Anthropic Sans — korvaava: Inter · ääriviivat 400, 500, 600, 700 · Sans-serif-fonttien käyttöliittymään ja näyttöön kuuluvat navigointilinkit, painikkeet, alatunnisteet, kuvakkeet ja lihavoitu sans-serif-otsikko, jonka paksuus on 61 pikseliä ja 700 pikseliä. 61 pikselin sans-serif-fontti on sijoitettu 68 pikselin serif-fontin viereen, mikä luo tarkoituksella kaksoisjärjestelmän: sans-serif-fontti ilmaisee deklaratiivisia lauseita, kun taas serif-fontti tuntuu toimitukselliselta esseeltä.
- Anthropic Mono — korvaava: JetBrains Mono · ääriviivat 400 · Käytetään vain koodissa tai teknisissä fragmenteissa - harvinaista.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | tiheä |
| Perusvaihe | 8px |
| Painikkeen säde | 8px (bottom-only on filled variants), 12px (outlined) |
| Kortin säde | 24px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 80-120px |
| Sivun leveys | 1280px |
Tekoäly rakentaa verkkosivustosi Anthropic -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- Mollie — Kashmir-tiski, tumma kirjanpito. Jätä mustan tekstin ympärille runsaasti tyhjää tilaa toimitukselliselle suunnittelulle ja vahvista sitten tuotteisiin liittyviä seikkoja lämpimillä kermavaahdoilla, espressonruskeilla sävyillä ja taktiilisilla kuvilla oikeista maksutavoista.
- Kagi — Erillinen lukusali. Luo avoin valkoinen tila rohkean grafiittitekstin ympärille käyttämällä hienovaraisia violetteja aksentteja ja lämpimiä pastellivärisiä pintoja rikkomaan rauhaa.
- Milanote — Milanote on luova studio. Luo toimituksellisia galleriatyylisiä sivuja käyttämällä kelluvia visuaalisia tauluja: tummia kehystettyjä seiniä, valkoista näyttötilaa ja kuvakaappauksia, jotka näyttävät oikeilta esineiltä pehmeällä syvyydellä.
- Co2 — Ilmastoatlas talvivalossa. Luo sivuja ilmakuvamaisen dokumenttimaiseman kaltaisesti, jossa serif-otsikot, kategoriakoodatut tiedot ja jäiset kuvat korostavat leveitä valkoisia reunoja.
- GitButler — Turkoosi tekstin lopussa. Yhdistelmä voimakaskontrastisia serif-otsikoita hienovaraisilla teknisillä ruudukoilla, lämpimillä grafiittipinnoilla ja hillityllä turkoosilla aksentilla.
- ElevenLabs — Lämpimin kermanvärisin sävyin kirjoitettu valokuvaessee hienovaraisilla otsikoilla. Bauhaus-tyylinen muistikirja – kananmunankuorenväristä paperia, mustaa mustetta ja yksi violetti-oranssi tehoste tuote-esittelyä varten.
- Awesomic — Toimituksellinen sinkkiverkko, jossa on oransseja konfettimaisisia välimerkkejä
- Monad — toimituksellinen tekninen aikakauslehti lämpimällä pergamentilla
- Dub — Linkin mattapintainen riisipaperista valmistettu ohjauspaneeli
- Seline Analytics — Hiljainen analyyttinen pöytä lämpimällä paperilla
- Notion — Lämmin paperinen muistikirja keskipäivän auringossa
- Calendly — Tummansininen muste kylmällä marmorilla