Superlist

Bảng màu

Thương hiệu

• Coral Ember #ff4a36 — Màu cam được sử dụng như một điểm nhấn phụ cho các chi tiết trang trí và để làm nổi bật những tín hiệu không thường xuyên xuất hiện. Không nên sử dụng màu cam làm màu chủ đạo cho các lời kêu gọi hành động.

Trung lập

• Aubergine Canvas #181824 — Nền trang, hay còn gọi là khung vẽ chính, có màu tối ấm áp thay thế cho màu đen tuyền, khiến giao diện người dùng trông có nhiều lớp hơn là phẳng.
• Elevated Plum #26253b — Các bề mặt thẻ, trường nhập liệu, vùng chứa điều hướng—dễ dàng hơn một bước so với canvas để tạo chiều sâu mà không có ranh giới rõ ràng.
• Pure White #ffffff — Tiêu đề chính, văn bản nút và đường viền biểu tượng—độ tương phản tối đa trên nền tối.
• Fog Text #696f81 — Văn bản chính, tiêu đề phụ và đường viền mờ – tỷ lệ tương phản 7:1 giúp đọc thoải mái trên nền màu tím cà.
• Ash Text #8e8da0 — Màu trung tính được hỗ trợ cho các yếu tố giao diện người dùng phụ, đường phân cách và nhãn mờ. Không nên sử dụng màu này làm màu chủ đạo cho các nút kêu gọi hành động.
• Mist Highlight #a3a3a7 — Các đường viền, đường phân cách và các yếu tố điều hướng không hoạt động tinh tế tạo nên một tông màu trung tính nhẹ nhàng nhưng vẫn nổi bật trên nền bố cục.

Kiểu chữ

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

• sans-serif — thay thế: Inter · phác thảo 400 · sans-serif - được tìm thấy trong dữ liệu đã trích xuất nhưng không được AI mô tả.
• Haffer XH SemiBold — thay thế: Inter Tight · phác thảo 400, 600 · Phông chữ chính dùng cho tiêu đề và nội dung hiển thị. Phông chữ này được sử dụng với kích thước 70–88px cho các tiêu đề chính, khoảng cách giữa các chữ là -0.02em và độ đậm là 600. Khoảng cách giữa các chữ hẹp và chiều cao chữ lớn tạo cho tiêu đề vẻ trang trọng, khiến giao diện tối màu trông giống bìa tạp chí hơn là bảng điều khiển. Có thể thay thế bằng Inter Tight hoặc General Sans với độ đậm cao hơn.
• Jersey 10 — thay thế: Anybody · phác thảo 400 · Một kiểu chữ lớn, trang trí dùng để nhấn mạnh các con số và làm nổi bật văn bản. Được sử dụng một cách tiết kiệm ở kích thước rất lớn để tạo điểm nhấn về mặt typography. Có thể thay thế bằng Anybody hoặc Cabinet Grotesk.

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

Phong cách tương tự

• DNA — Đài quan sát nửa đêm nhìn qua thấu kính hạt.
• Abetterlou — Sparks on Saddle Leather - một phông chữ màu kem ấm áp tỏa sáng trên nền đen cà phê đậm, với các nút màu vàng hổ phách tạo cảm giác như kim loại nóng được ấn vào trang giấy.
• Galileo-ft — Một đài chỉ huy không gian sâu với tín hiệu màu xanh điện.
• Decide AI — Đài quan sát lúc nửa đêm - tín hiệu bạc hà
• Redis Agency — Xưởng biên tập, mở cửa sau giờ làm việc, là một nơi tối om, nơi tất cả công việc xây dựng thương hiệu được thực hiện bằng phông chữ serif và một củ cải đỏ duy nhất.
• Spellbook — Một phòng xử án lúc nửa đêm được thắp sáng bằng mực san hô—một bề mặt biên tập tối tăm, nơi âm thanh duy nhất là tiếng bút màu cam ấm áp.
• Linear — dụng cụ chính xác lúc nửa đêm
• Origin Financial — Một không gian tĩnh lặng, sang trọng giữa đêm khuya. Một căn phòng yên tĩnh, gần như tối tăm, nơi những phông chữ serif lớn và một vài tấm bảng màu được chiếu sáng tạo nên cảm giác rằng tài chính là một tác phẩm nghệ thuật được tuyển chọn kỹ lưỡng.
• Hyperstudio — Họa tiết được khắc trên đá obsidian. Chữ viết và những đường nét tinh tế bao quanh một khoảng trắng trên nền đen tuyền, điểm xuyết những vạch la bàn vàng chỉ hướng.
• Air — Tác phẩm điêu khắc "Bầu trời đêm qua tấm kính"
• Raycast — Trung tâm chỉ huy nửa đêm, màu san hô neon
• dope.security — Nhà ga lúc nửa đêm với đèn hiệu màu tím