Seline Analytics

Bảng màu

Thương hiệu

• Cyan Signal #3ba6f1 — Nút kêu gọi hành động chính, các liên kết hoạt động và đường viền của biểu tượng thương hiệu là những điểm nhấn màu sắc duy nhất trên trang, được sử dụng một cách tiết kiệm để thu hút sự chú ý đến hành động cần thực hiện.
• Cyan Edge #3398e1 — Màu xanh lam được sử dụng để làm nổi bật các đường viền hành động, nhãn liên kết và các yếu tố tương tác. Không nên sử dụng màu này làm màu chủ đạo cho các lời kêu gọi hành động.

Trung lập

• Ink Black #0c0a09 — Các tiêu đề chính, văn bản nội dung được làm nổi bật và các biểu tượng biểu cảm đều có màu ấm, gần như đen.
• Stone Canvas #fafaf9 — Nền trang có màu kem ấm áp, tạo cảm giác như giấy chứ không phải màu trắng của màn hình.
• Pure White #ffffff — Theo mặc định, bề mặt bản đồ, các bảng điều khiển nhô ra và vùng tô màu của trường nhập liệu đều phẳng và không có bóng.
• Stone Border #e8e6e5 — Viền mỏng trên các thẻ, thanh điều hướng và trường nhập liệu là yếu tố cấu trúc chính, chứ không phải là các đường phân cách.
• Stone Muted #d6d3d1 — Thêm khung, sắc thái nền tinh tế, vách ngăn trang trí.
• Ash Gray #a8a29e — Văn bản trợ giúp, đường viền biểu tượng, trạng thái bị vô hiệu hóa - có thể đọc được nhưng không hoạt động.

Kiểu chữ

Từ 10 đến 52px · 5 bước

• Roobert — thay thế: Inter Tight or Satoshi · phác thảo 400, 500 · Phông chữ dùng cho tiêu đề và bố cục văn bản là một kiểu chữ sans-serif hình học độc đáo với khoảng cách chữ âm tối thiểu (-0.025em ở 32px, -0.021em ở 52px). Độ dày 400 x 52px là đặc điểm nổi bật của phông chữ: không theo lối mòn, tinh tế, nhưng vẫn uy quyền và không phô trương. Các tiêu đề được đặt đúng vị trí mà không gây cảm giác lấn át.
• Inter — thay thế: Inter · phác thảo 400, 500, 600 · Phông chữ chính được sử dụng cho văn bản chính, điều hướng, giao diện người dùng và tiêu đề là một phông chữ trung tính, phổ quát cho tất cả văn bản không hiển thị trên màn hình. Kích thước chủ đạo cho văn bản chính là 14px với độ đậm 400 và khoảng cách dòng 1,64 (tần suất 1174). Khoảng cách chữ dương (0,004em) ở kích thước nhỏ đảm bảo khả năng đọc hiểu của giao diện người dùng dày đặc.

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
• 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.
• Anthropic — Một cuốn nhật ký khoa học thực địa trên giấy da ấm áp—bề mặt màu ngà dịu nhẹ, tiêu đề biên tập có chân chữ và một điểm nhấn bằng đất sét duy nhất chỉ xuất hiện khi cần hành động.
• 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.