Anthropic

Bảng màu

Thương hiệu

• Clay #d97757 — Các nút kêu gọi hành động được tô đầy (ví dụ: "chấp nhận sử dụng cookie") là màu nhấn duy nhất trong hệ thống, một sắc thái đất nung ấm áp thuộc nhóm tông màu đất chứ không phải màu xanh lam giao diện người dùng thông thường.
• Clay Deep #c6613f — Trạng thái rê chuột/nhấn chuột của các nút kêu gọi hành động trong Clay và mã chuẩn có dấu phụ là một phiên bản sâu hơn của dấu phụ cơ bản.

Trung lập

• Slate Dark #141413 — Văn bản chính, tiêu đề, nền chân trang, viền mỏng - gần như đen với một chút sắc ấm, không bao giờ là đen tuyền.
• Ivory Medium #f0eee6 — Bề mặt trang giấy và các mảng màu lớn được phủ kín tạo nên một phông nền màu giấy da, thiết lập nên tổng thể tông màu ấm áp.
• Ivory Light #faf9f5 — Các bề mặt bằng bìa cứng, các tấm nổi và các nút bấm tương tác có độ sáng cao hơn một chút so với vải bố, tạo hiệu ứng nhiều lớp và không có bóng.
• Cloud Medium #b0aea5 — Văn bản phụ mờ nhạt, các yếu tố điều hướng không hoạt động, nhãn bổ sung—một phong cách trung tính hòa vào nền mà không biến mất.
• Cloud Dark #87867f — Khung nút được viền, đường phân cách có độ tương phản trung bình.
• Stone #cccbc8 — Các đường viền và vách ngăn giữa các phần được bố trí tinh tế nhưng không bao giờ quá lộ liễu.

Kiểu chữ

Từ 12 đến 68px · 6 bước

• Anthropic Serif — thay thế: Georgia · phác thảo 400, 600 · Phong cách biên tập – được sử dụng cho tiêu đề 68px, toàn bộ văn bản chính 20px, tiêu đề thẻ và các đoạn văn hỗ trợ. Phông chữ serif tạo thêm cá tính cho văn bản; sự hiện diện của nó trong văn bản chính (khá hiếm thấy trên các trang web kỹ thuật) cho thấy đây là một ấn phẩm nghiên cứu. Độ đậm phông chữ 400 là mặc định, độ đậm phông chữ 600 được sử dụng để nhấn mạnh.
• Anthropic Sans — thay thế: Inter · phác thảo 400, 500, 600, 700 · Giao diện người dùng và cách hiển thị của phông chữ sans-serif bao gồm các liên kết điều hướng, nút bấm, chân trang, biểu tượng và tiêu đề sans-serif in đậm với độ dày 61px 700. Phông chữ sans-serif 61px được đặt cạnh phông chữ serif 68px, cố ý tạo ra một hệ thống kép: phông chữ sans-serif thể hiện các câu tuyên bố, trong khi phông chữ serif mang cảm giác như một bài luận biên tập.
• Anthropic Mono — thay thế: JetBrains Mono · phác thảo 400 · Chỉ được sử dụng trong mã lập trình hoặc các đoạn văn kỹ thuật - rất hiếm gặp.

Khoảng cách và hình thức

Phong cách tương tự

• ElevenLabs — Một bộ ảnh minh họa với tông màu kem ấm áp và tiêu đề tinh tế. Một cuốn sổ tay theo phong cách Bauhaus – giấy màu trắng ngà, mực đen và điểm nhấn màu tím và cam duy nhất để trưng bày sản phẩm.
• Awesomic — Phông chữ in hoa bằng lưới kẽm với các dấu chấm câu màu cam gợi nhớ đến những mảnh giấy vụn.
• Monad — Tạp chí kỹ thuật biên tập về giấy da ấm
• Dub — Bảng điều khiển bằng giấy gạo mờ của Link
• Seline Analytics — Một chiếc bàn phân tích yên tĩnh trên nền giấy ấm áp.
• Notion — Một cuốn sổ tay bằng giấy ấm áp dưới ánh nắng mặt trời giữa trưa.
• Calendly — Mực xanh đậm trên nền đá cẩm thạch lạnh.
• Augen Pro — Cách bài trí màu trắng của Apple nổi bật với gam màu xanh điện nhẹ nhàng, tinh tế trong không gian đơn sắc.
• Antimetal — Một bản ghi chép biên tập trên giấy màu kem—một buổi sáng yên tĩnh tại một tạp chí khoa học, nơi sự tiết chế thể hiện sự tự tin và các nét chữ đảm nhiệm phần việc chính.
• Perk — Vôi điện trên giấy nướng ấm
• Ditto — Một xưởng vẽ ngập tràn ánh nắng tạo ra các mẫu hoa dại. Bề mặt màu kem ấm áp, màu vàng rực rỡ làm nền, mực màu xanh hải quân đậm, những hình dạng màu sắc tự nhiên nở rộ phía sau tác phẩm.
• Officevibe — Một tạp chí biên tập trên giấy màu kem ấm áp. Hãy tưởng tượng một bài luận sâu sắc về quản lý nhân sự, được trình bày như một sản phẩm—một kiểu chữ serif uốn lượn nhẹ nhàng trên giao diện màu xanh hiện đại.