Slash

Bảng màu

Trung lập

• Bone #e2e3e9 — Cỡ chữ lớn cho văn bản chính, nhãn dữ liệu chi tiết và tông màu văn bản chuẩn trên hầu hết các yếu tố giao diện người dùng.
• Obsidian #08080a — Nền trang, phần chân trang, bề mặt tối nhất gần như đen với một chút sắc xanh nhạt.
• Onyx #040406 — Bề mặt của tấm thiệp, phần nền bổ sung, được làm sâu hơn một chút so với trang giấy để tạo hiệu ứng thị giác.
• Carbon #121317 — Các tấm ốp nổi, giao diện người dùng được tối giản - bước tiến đầu tiên đáng chú ý trong quá trình phát triển của Surface Stack.
• Graphite #1c1d22 — Viền, đường phân cách, khung chứa biểu tượng, thanh trượt điều khiển—những sắc thái màu sắc tinh tế nhất định hình nên cấu trúc.
• Slate #2e3038 — Thêm viền, đường kẻ biểu tượng mờ, đường phân cách tinh tế giữa các khối nội dung.

Kiểu chữ

Từ 13 đến 88px · 9 bước

• Ivy Presto — thay thế: Playfair Display · phác thảo 400, 500 · Phông chữ serif dành cho tiêu đề và tiêu đề phụ—chỉ được sử dụng cho tiêu đề và tên mục ở kích thước 28px trở lên. Các nét didone có độ tương phản cao với các nét serif mỏng tạo cảm giác sang trọng trong biên tập; khoảng cách giữa các chữ cái nhỏ 0.01em là điều bất thường và mang lại cho phông chữ vẻ ngoài giống như phông chữ in ấn, kế toán. Phông chữ serif này là dấu ấn cốt lõi của thương hiệu—nó phân biệt Slash với tất cả các công ty fintech SaaS khác thường sử dụng phông chữ sans-serif hình học.
• Inter — thay thế: Inter (self-hosted via Google Fonts) · phác thảo 300, 400, 500, 600, 700 · UI Sans—văn bản chính, điều hướng, nút, nhãn, liên kết, trường biểu mẫu và tiêu đề phụ. Văn bản chính sử dụng cỡ chữ 300 cho văn bản phụ không gây chú ý; cỡ chữ 500 được sử dụng cho văn bản có độ nhấn mạnh trung bình và nhãn nút; cỡ chữ 600 dành riêng cho nhãn danh mục được viết bằng chữ in hoa nhỏ. Khoảng cách chữ âm giảm từ 2 (-3) và giảm dần khi kích thước giảm, đây là đặc điểm điển hình của việc điều chỉnh tỷ lệ quang học của phông chữ Inter.

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

Phong cách tương tự

• Modal — Một thiết bị đầu cuối phát quang trong phòng máy chủ tối om - nguồn sáng duy nhất là màu xanh lá cây sáng.
• AgentQL — Cực quang trên bầu trời nhà ga vào ban đêm
• GitHub — Một bảng điều khiển không gian với các điểm điều khiển phát quang sinh học—một không gian làm việc tối tăm, huyền ảo, nơi một ánh sáng xanh duy nhất chỉ lối tiến về phía trước.
• Doppler — Ánh sáng tím trong hầm chứa lúc nửa đêm. Tấm vải bạt gần như đen kịt phát sáng với một tín hiệu màu oải hương duy nhất và một đèn xác nhận màu xanh lá cây, mọi bề mặt đều cong đủ để có thể nắm bắt.
• Basedash — Một thiết bị đầu cuối dữ liệu lúc nửa đêm với phông chữ mờ. Một đài quan sát tối tăm nơi các chỉ số phát sáng màu tím và xanh lục, các tiêu đề có chân chữ nổi lên trên nền nhiễu, và các nút hình viên thuốc màu trắng là những vật thể sáng duy nhất trong một căn phòng toàn bề mặt đen mềm mại.
• Superwhisper — Ánh cực quang tan dần trên nền kính đêm.
• Better Stack — Bảng điều khiển SRE nửa đêm
• Langbase — Bảng điều khiển Midnight Northern Lights
• Astro — Trung tâm điều khiển sứ mệnh không gian sâu với ánh sáng tím duy nhất phát ra từ một tinh vân.
• Wayfinder — Màn hình đen kịt với tiêu đề gần như không nghe thấy tiếng, lơ lửng phía trên hình minh họa động. Giao diện là thanh trượt điều chỉnh độ sáng chứ không phải bảng điều khiển.
• HashiCorp — Phòng điều khiển lúc nửa đêm với ánh đèn neon tím là một không gian kỹ thuật tối tăm, nơi một khối lập phương lục giác phát sáng đóng vai trò là điểm tham chiếu màu sắc duy nhất.
• Umbrel — Một hố lửa ấm cúng trong phòng máy chủ ban đêm—một căn phòng tối tăm nơi ánh sáng màu đào duy nhất làm nổi bật những gì thực sự quan trọng.