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
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 8px |
| Jejari butang | 8px (bottom-only on filled variants), 12px (outlined) |
| Jejari kad | 24px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 80-120px |
| Lebar halaman | 1280px |
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
- 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
- Augen Pro — Pembentangan putih Apple menampilkan warna biru elektrik klinikal, tanpa berat sebagai satu-satunya aksen dalam ruang monokrom.
- Antimetal — Kronik editorial di atas kertas krim—pagi yang tenang di jurnal saintifik, di mana kekangan menyampaikan keyakinan dan serif melakukan tugas yang berat
- Perk — Kapur elektrik di atas kertas parchment yang suam
- Ditto — Sebuah bengkel yang disinari cahaya matahari menghasilkan sampel bunga liar. Permukaan krim hangat, warna asas kuning terang, dakwat biru laut pekat, bentuk warna organik mekar di sebalik karya itu.
- Officevibe — Sebuah majalah editorial di atas kertas berwarna krim suam. Bayangkan sebuah esei yang bernas tentang pengurusan HR, yang dibentangkan sebagai satu produk—fon serif kursif yang berbisik melalui antara muka biru moden.