Electronic Materials Office

Bảng màu

Thương hiệu

• Ember Orange #f45500 — Nút hành động chính có nền là bề mặt màu duy nhất trong giao diện người dùng, luôn đi kèm với quầng sáng màu cam 30px, khiến nó phát sáng như một sợi dây tóc; quầng sáng 30px bên ngoài nút gọi chính sao chép biểu tượng hình lục giác màu cam Ember, nhưng tồn tại dưới dạng bóng chứ không phải là nền, khiến nút trông như được chiếu sáng từ bên trong.

Trung lập

• Studio Charcoal #202020 — Bề mặt vải bố và bìa cứng giống như sàn của một phòng trưng bày tối, không bao giờ hoàn toàn đen, để mắt có thể thư giãn trên các cạnh mềm mại.
• Bone White #ffffff — Văn bản chính, viền mỏng trên hình ảnh và một số ít trường hợp bề mặt đảo ngược. Toàn bộ hệ thống phân cấp phông chữ được duy trì độc lập.
• Ash Gray #9d9d9d — Màu xám trung tính duy nhất trong bảng màu là chữ mờ, viền thẻ tinh tế và chú thích không hoạt động, được sử dụng khi màu trắng quá chói.
• Mid Felt #eaeaea — Một lớp phủ mỏng nhẹ cho bề mặt các tấm lật ngược hoặc lưới modal - một sắc trắng nằm giữa màu be và màu vải canvas tối.
• Carbon #000000 — Điểm nhấn nổi bật nhất là ở các nét vẽ biểu tượng và khung viền tương phản, nơi mà nền than chì quá nhạt để giữ được hình dạng tốt.
• Lavender Link #9e9eff — Màu sắc của liên kết nhúng và đường viền của khung thao tác bổ sung tạo nên sự tương phản dịu nhẹ, mát mẻ với màu cam ấm áp, đảm bảo các thao tác dễ đọc trên nền than chì.

Kiểu chữ

Từ 16 đến 86px · 8 bước

• GT-Flexa — thay thế: Inter (200/400) or Manrope (200/400) · phác thảo 200, 400 · Phông chữ chính dùng cho tiêu đề và các yếu tố trang trí. Độ đậm 200 cho phép mọi tiêu đề có kích thước trên 24px—đây là phong cách đặc trưng: ở kích thước 68px và 86px, các chữ cái dường như tan vào không gian thay vì nổi bật. Độ đậm 400 phù hợp cho tiêu đề phụ và chú thích thẻ, nơi chúng gần như không thể nghe thấy. Khoảng cách dòng được giảm xuống 1.0 ở kích thước lớn nhất, do đó phông chữ trang trí xếp chồng lên nhau như một cột không khí.
• Tobias-light — thay thế: Söhne Buch or Inter Tight · phác thảo 400 · Một kiểu chữ phụ được sử dụng cho tiêu đề các phần và logo chân trang. Nó được sử dụng ở mức thấp hơn một bậc so với GT-Flexa 200 để tạo ra sự tương phản về sắc độ—Tobias mang lại cảm giác kiến trúc và biểu cảm hơn, trong khi GT-Flexa lại mang tính chất gợi mở hơn. Khoảng cách chữ âm làm thu hẹp tỷ lệ rộng của Tobias Light.
• Times — thay thế: Source Serif 4 or PT Serif · phác thảo 400 · Văn bản chính và các đoạn tiêu đề được thiết kế đối lập một cách có chủ ý với các kiểu chữ hình học, trang trí, sử dụng chân chữ (serif). Chân chữ tạo thêm sự ấm áp và tính chuyên nghiệp cho phần mô tả sản phẩm mà không làm vượt quá kích thước của văn bản chính.

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

Phong cách tương tự

• OFFFICE : — một phòng trưng bày đen tối chìm trong phông chữ nguyên khối
• Bibliothèque — Một phòng trưng bày hình khối lập phương màu đen dưới ánh đèn sân khấu – một chiếc đĩa đơn độc được chiếu sáng trong một sảnh rộng lớn, tối tăm.
• 21 TSI — Một khoảng không đỏ thẫm, một bóng hình đơn độc – một bài biên tập thời trang cao cấp nơi giao diện người dùng tan biến vào không gian.
• Structured — Tranh vẽ theo phong cách Phục Hưng trên giấy giống như đất sét nặn.
• CHAIBOY — Một bức tường trưng bày màu đen với một bức ảnh duy nhất được chiếu sáng từ phía sau.
• Holiday 100 — Một bộ sưu tập quà tặng lúc nửa đêm—dòng tiêu đề kiểu chữ serif đóng vai trò như ánh đèn sân khấu, nền tối như bức tường nhung, và mỗi hình ảnh sản phẩm được treo lên như một khung tranh được lựa chọn kỹ lưỡng.
• Apple (España) — Dưới ánh sáng ban ngày dịu nhẹ, phòng trưng bày của bảo tàng là một không gian trắng tinh khôi, quyến rũ và nhẹ nhàng, mỗi hiện vật được chiếu sáng bằng đèn spotlight trên nền tường được phủ một lớp màu nhạt.
• Analogue — Tủ trưng bày màu đen – hàng hóa lơ lửng trong không trung.
• Apple (España) — Phòng trưng bày Obsidian Gallery là một không gian triển lãm tối tăm, nơi một vật thể bằng titan duy nhất phát sáng trên nền đen kịt.
• Studio Oker — Một phòng trưng bày tối tăm với điểm nhấn màu đỏ tươi—một phòng trưng bày hồ sơ với những bức tường đen, nơi những chữ trắng dường như lơ lửng và một tiếng thì thầm đỏ thắm xé tan sự tĩnh lặng.
• 099 SUPPLY — Một bức tường trưng bày đầy những vật thể đen trắng.
• Retool — Một xưởng làm việc bằng đá obsidian ấm áp - một bề mặt dành cho các công cụ chính xác, được thắp sáng bởi những đốm than hồng âm ỉ, nơi mọi thứ được tạo ra.