Stripe

Bảng màu

Thương hiệu

• Indigo Ink #533afd — Màu tím được sử dụng cho các nút đã được tô màu, các trạng thái điều hướng được chọn và các khoảnh khắc chuyển đổi được kích hoạt bởi tiêu điểm.
• Indigo Hover #7389ff — Màu tím được dùng để làm nổi bật các liên kết, thẻ và cụm từ ngắn. Không nên sử dụng màu tím làm màu chủ đạo cho các lời kêu gọi hành động.

Trung lập

• Midnight Ink #061b31 — Tiêu đề chính và phần văn bản nội dung có màu đen đậm với sắc xanh lam mát mẻ, tạo nên nền tảng cho toàn bộ hệ thống phông chữ.
• Slate #64748d — Văn bản màu xám làm nổi bật các liên kết, thẻ và cụm từ ngắn.
• Steel #50617a — Văn bản bổ sung và tài liệu hỗ trợ được đặt giữa tông màu xám và tím nhạt được sử dụng trên các giấy phép phụ.
• Smoke #839bc8 — Đối với các tiêu đề trang trí lớn và văn bản đi kèm, người ta sử dụng sắc tím nhạt – tuyệt đối không sử dụng cho các đoạn văn chính.
• Pure White #ffffff — Bề mặt trang giấy và các bề mặt nổi của thẻ bài; đó là phông nền mặc định để đánh giá mọi thứ khác.
• Mist #f8fafd — Phần nền chân trang và đường phân chia các phần có màu sắc mát mẻ tinh tế, giúp phân tách các khu vực mà không tạo ra đường viền rõ ràng.

Kiểu chữ

Từ 12 đến 56px · 9 bước

• sohne-var — thay thế: Inter Tight (variable · phác thảo 300, 400 · Toàn bộ giao diện chỉ sử dụng một kiểu chữ duy nhất cho tiêu đề, văn bản chính, điều hướng, nút bấm và nhãn. Kiểu chữ có độ đậm 300 vẫn được duy trì ngay cả ở kích thước màn hình 56px, đây là một đặc điểm nổi bật: tiêu đề được viết nhỏ nhẹ thay vì ồn ào, tạo nên sự uy quyền thông qua sự tiết chế chứ không phải bằng âm lượng. Kiểu chữ có độ đậm 400 chỉ xuất hiện ở kích thước 14–16px cho văn bản điều hướng và nút bấm, nơi cần thêm một nét để dễ đọc ở kích thước nhỏ hơn.

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

Phong cách tương tự

• Ui — Kế hoạch lâm sàng trên giấy mờ
• monopo saigon — Một ánh sáng lung linh, óng ánh ẩn sau sự im lặng của biên tập viên—một bộ sưu tập ảnh biên tập đơn sắc trôi nổi trên ánh sáng tan chảy.
• Ventriloc — Một đài quan sát biên tập dữ liệu trên giấy ấm - một đốm than cam duy nhất làm nổi bật độ chính xác đơn sắc.
• Hyer Aviation — Hoàng hôn buông xuống trong buồng lái trên nền giấy da. Bầu trời bình minh nhạt nhòa hòa quyện với logo chữ nổi cỡ thân máy bay, và một điểm nhấn màu đất sét ấm áp phá vỡ sự đơn điệu của gam màu đơn sắc.
• Family — Một trang minh họa từ truyện cổ tích trên giấy da màu kem.
• OFF+BRAND. — Quả cầu óng ánh trên nền giấy da ấm áp
• Geniestudio — Một cuốn sổ tay dùng trong ánh sáng dịu nhẹ ban ngày—loại có lề rộng và nét bút dày.
• xAI — Phòng thí nghiệm kem ấm với viên thuốc đen
• Seed — một sinh vật sống dưới kính hiển vi trong phòng thí nghiệm
• Cosmos — Một bức tường trưng bày được lót bằng vải lanh và treo đầy ảnh Polaroid.
• Cal — Tính thực dụng đơn sắc, một cách tiếp cận nhân văn. Một hệ thống ưu tiên sự rõ ràng và chức năng thông qua bảng màu đen trắng nghiêm ngặt, nhưng được làm dịu đi bằng kiểu chữ thân thiện và các hình dạng bo tròn.
• T1 Energy — Bức vẽ một nhà máy sản xuất trên giấy da ấm áp là một khung cảnh tĩnh lặng, đơn sắc, nơi quy mô công nghiệp và kiểu chữ tinh tế thể hiện toàn bộ thương hiệu.