Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukpembangunMembangunkan alatan AI untuk perniagaan. Berkualiti tinggi. Mampu milik.Hantar mesej di Telegram
Anthropic — pratonton tapak dalam gaya ini

Anthropic

Jurnal lapangan saintifik mengenai vellum hangat—permukaan gading yang tenang, tajuk editorial serif dan aksen tanah liat tunggal yang hanya muncul apabila tindakan diperlukan.

Antara muka Anthropic kelihatan seperti penerbitan saintifik yang disusun rapi di atas kertas parchment yang hangat. Warna neutral gading dan oat menggantikan palet kelabu sejuk tipikal reka bentuk inspirasi teknologi, memberikan setiap permukaan tekstur seperti kertas yang melengkapi rupa huruf serif tersuai yang digunakan pada skala yang belum pernah terjadi sebelumnya untuk teks isi dan tajuk. Satu aksen berwarna tanah liat hanya muncul semasa saat-saat aktiviti; yang lain kekal tenang dan sederhana. Komponennya rata—sempadan nipis dan jejari sudut bawah terpilih menggantikan bayang-bayang jatuh sebagai bahasa reka bentuk, dengan rupa huruf sans-serif mewakili elemen antara muka dan rupa huruf serif menyampaikan ekspresif.

Reka bentuknya didominasi oleh ilustrasi saintifik vintaj: laman utama menampilkan kolaj botani/zoologi yang padat dengan rama-rama dan rama-rama, yang dihasilkan dalam gaya klasik ilustrasi naturalistik yang mengingatkan pada panduan lapangan abad ke-19. Ilustrasi diwarnakan dengan hangat untuk digabungkan dengan latar belakang kertas kulit dan bukannya menonjol. Tiada gambar, tangkapan skrin produk atau kecerunan abstrak. Ikonografi adalah minimum—chevron kecil untuk menu lungsur turun dan penunjuk linear jarang, sentiasa dalam palet neutral yang sama seperti teks. Ketumpatan visual adalah rendah: blok teks dan ruang putih yang besar mendominasi, dan imej hanya muncul dalam skop laman utama.

Palet

Jenama

  • Clay #d97757 — Butang seruan bertindak yang diisi (cth., "terima persetujuan kuki") ialah satu-satunya warna aksen dalam sistem, warna terakota hangat yang tergolong dalam keluarga ton tanah dan bukannya biru UI biasa.
  • Clay Deep #c6613f — Keadaan hover/tekan untuk butang seruan bertindak Clay dan token kanonik dengan diakritik ialah versi diakritik asas yang lebih mendalam.

Neutral

  • Slate Dark #141413 — Teks isi, tajuk, latar belakang pengaki, sempadan nipis - hampir hitam dengan sedikit warna hangat, tidak pernah hitam tulen.
  • Ivory Medium #f0eee6 — Kanvas halaman dan isian permukaan yang besar merupakan latar belakang kertas kulit yang menetapkan keseluruhan nada hangat.
  • Ivory Light #faf9f5 — Permukaan kadbod, panel yang dinaikkan dan butang klik untuk klik adalah selangkah lebih cerah daripada kanvas untuk kesan berlapis dan bebas bayang.
  • Cloud Medium #b0aea5 — Teks pembantu yang kabur, elemen navigasi yang tidak aktif, label tambahan—gaya neutral yang surut ke latar belakang tanpa hilang.
  • Cloud Dark #87867f — Bingkai butang bergaris, pembahagi kontras sederhana
  • Stone #cccbc8 — Sempadan dan pembahagi halus antara bahagian boleh dilihat tetapi tidak pernah terlalu jelas.

Tipografi

dari 12 hingga 68px · 6 langkah

  • Anthropic Serif — penggantian: Georgia · garis besar 400, 600 · Gaya Editorial – digunakan untuk tajuk 68px, semua teks isi 20px, tajuk kad dan perenggan sokongan. Fon serif menambahkan keperibadian pada teks; kehadirannya dalam teks isi (luar biasa untuk laman web teknikal) menunjukkan bahawa ia tergolong dalam penerbitan penyelidikan. Berat fon 400 adalah lalai, berat fon 600 adalah untuk penekanan.
  • Anthropic Sans — penggantian: Inter · garis besar 400, 500, 600, 700 · Antara muka pengguna dan paparan fon sans-serif merangkumi pautan navigasi, butang, pengaki, ikon dan tajuk utama sans-serif yang tebal dengan pemberat 61px 700. Fon sans-serif 61px diletakkan di sebelah fon serif 68px, dengan sengaja mewujudkan sistem dwi: fon sans-serif menyatakan pernyataan deklaratif, manakala fon serif terasa seperti esei editorial.
  • Anthropic Mono — penggantian: JetBrains Mono · garis besar 400 · Hanya digunakan dalam kod atau serpihan teknikal - jarang berlaku.

Selang dan bentuk

TujuanMaksudnya
Ketumpatanpadat
Langkah asas8px
Jejari butang8px (bottom-only on filled variants), 12px (outlined)
Jejari kad24px
Bayang-bayangtiada - sempadan dan bukannya bayang-bayang
Antara bahagian80-120px
Lebar halaman1280px

AI akan membina laman web anda dalam gaya Anthropic dan mengisinya

  • Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
  • Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
  • Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
  • Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.

Gaya yang serupa

  • Mollie — Kaunter kasmir, lejar gelap. Tinggalkan ruang putih yang luas untuk reka bentuk editorial di sekeliling teks hitam, kemudian perkukuhkan poin berkaitan produk dengan krim suam, coklat espresso dan gambar taktil kaedah pembayaran sebenar.
  • Kagi — Bilik bacaan yang berasingan. Cipta ruang putih terbuka di sekeliling teks grafit yang tebal, menggunakan aksen ungu halus dan permukaan pastel yang hangat untuk memecahkan ketenangan.
  • Milanote — Milanote ialah studio kreatif khusus. Cipta halaman bergaya galeri editorial menggunakan papan visual terapung: dinding berbingkai gelap, ruang paparan putih dan tangkapan skrin yang kelihatan seperti objek sebenar dengan kedalaman yang lembut.
  • Co2 — Atlas iklim dalam cahaya musim sejuk. Cipta halaman seperti landskap dokumen udara, di mana tajuk serif, data berkod kategori dan imej berais menonjolkan margin putih yang lebar.
  • GitButler — Biru kehijauan pada akhir teks. Gabungan tajuk serif kontras tinggi dengan grid teknikal yang halus, permukaan grafit yang hangat dan aksen biru kehijauan yang tersembunyi.
  • ElevenLabs — Esei foto dalam rona krim hangat dengan tajuk utama yang halus. Buku nota gaya Bauhaus—kertas berwarna kulit telur, dakwat hitam dan satu aksen ungu dan oren untuk paparan produk.
  • Awesomic — Jaring zink editorial dengan tanda baca oren yang mengingatkan pada konfeti
  • Monad — jurnal teknikal editorial mengenai perkamen hangat
  • Dub — Panel kawalan kertas beras matte Link
  • Seline Analytics — Jadual analitik yang tenang di atas kertas suam
  • Notion — Buku nota kertas yang hangat di bawah sinaran matahari tengah hari
  • Calendly — Dakwat biru tua pada marmar sejuk

Katalog gaya mengikut kategori