Subframe

Bảng màu

Trung lập

• Page Canvas #fafafa — Nền trang, tấm bưu thiếp trên vải bố, chữ sáng trên nền tối – một gam màu trắng ấm áp làm nền cho toàn bộ hệ thống đơn sắc.
• Hairline Border #e5e7eb — Các đường phân cách, viền thẻ, khung ảnh, đường viền biểu tượng - loại đường viền được sử dụng thường xuyên nhất trong hệ thống, xác định cấu trúc không gian.
• Card Surface #ededed — Phần nền nổi dành cho các quân bài, một bề mặt bổ sung - được đặt cao hơn một bậc so với mặt bàn, tạo nên một nhóm các quân bài mà không có bóng đổ.
• Divider Mid #dadada — Các đường phân cách và chuyển tiếp tông màu trung tính giữa các phần.
• Graphite #242424 — Sử dụng màu nền trung tính có độ tương phản cao cho các nút chính trên bề mặt sáng.
• Ink Black #171717 — Văn bản chính, tiêu đề, đường viền biểu tượng - có phần mát mẻ hơn Graphite, được sử dụng cho kiểu chữ hơn là bề mặt.

Kiểu chữ

Từ 12 đến 128px · 7 bước

• Inter — thay thế: Inter (Google Fonts) · phác thảo 500, 600, 700 · Giao diện hệ thống sử dụng phông chữ sans-serif – bao gồm điều hướng, văn bản chính, nút bấm, tiêu đề phụ và tiêu đề mục. Độ đậm: 500 cho văn bản chính và các nút điều khiển, 600 cho tiêu đề phụ và các điểm nhấn điều hướng, và 700 cho tiêu đề mục. Khoảng cách chữ âm mạnh giúp nén các hình dạng hình học ở mọi kích thước, tạo cho giao diện vẻ ngoài cô đọng và mang tính kỹ thuật.
• Instrument Serif — thay thế: Playfair Display · phác thảo 400 · Một kiểu chữ serif được thiết kế dành riêng cho tiêu đề và nội dung biên tập. Độ đậm 400 và khoảng cách chữ -0.025em tạo nên vẻ ngoài thanh lịch, nghiêng nhẹ, tương phản với hình học công nghiệp của Inter—một kỹ thuật đặc trưng: một từ hoặc cụm từ serif đơn lẻ trong một trang sans-serif, đóng vai trò như dấu chấm câu trực quan hơn là kiểu tiêu đề.
• Fragment Mono — thay thế: JetBrains Mono · phác thảo 400 · Màu đơn sắc (mono) được sử dụng cho các phần tử giống mã nội tuyến, nhãn thẻ và chú thích kỹ thuật. Khi được sử dụng một cách tiết kiệm, nó xuất hiện trong danh sách hàm và chú thích nội tuyến nơi công cụ thiết kế muốn chỉ ra "đây là đầu ra của máy".

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

Phong cách tương tự

• 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.
• 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.
• OFF+BRAND. — Quả cầu óng ánh trên nền giấy da ấm áp
• Seed — một sinh vật sống dưới kính hiển vi trong phòng thí nghiệm
• Eindhoven Design District — Phong cách thiết kế thô mộc trên giấy trắng là một tuyên ngôn về quy hoạch đô thị, được thể hiện bằng kiểu chữ lớn, với hình ảnh tối thiểu và sự tiết chế tuyệt đối.
• Miranda — Kiểu chữ khổ lớn cổ điển trên nền kem nhạt — một bài xã luận báo chí dành cho thời đại kỹ thuật số.
• Monocle — Một tờ báo chất lượng cao, khổ rộng trên giấy màu kem. Nội dung được biên tập kỹ lưỡng, mỗi chuyên mục đều xứng đáng có vị trí của mình, và chỉ có một màu sắc chủ đạo xuất hiện trên trang báo.
• Agencja brandingowa — Một bộ sưu tập hình ảnh minh họa với tông màu trắng chủ đạo và kiểu chữ in bằng mực đen.
• Websmith Studio — Ánh sáng ban mai trên giấy màu kem
• Aspelin Reitan — Kho Lưu Trữ Kiến Trúc Dưới Ánh Nến - Trang này trông giống như một bộ sưu tập các công trình kiến trúc, được ghim trên một bức tường màu kem ấm áp, với một dòng chữ trắng duy nhất nổi phía trên mỗi hình ảnh trải dài toàn bộ chiều rộng của trang.
• Public — Một bài xã luận đơn sắc trên nền đá cẩm thạch lạnh lẽo—gần như là một bức tranh đơn sắc, với phông chữ serif 300 điểm và một điểm nhấn màu tím duy nhất đảm nhiệm toàn bộ phần màu sắc.
• Motto — Một tác phẩm nghệ thuật chữ viết đồ sộ trên giấy – một giọng nói duy nhất, đầy tự tin khẳng định mình trên nền giấy trắng tinh.