Peak Design

Bảng màu

Trung lập

• Carbon Ink #1a211e — Văn bản chính, thanh bên tối màu, văn bản chính, biểu tượng, khung trên nền sáng - một màu gần như đen đóng vai trò là màu nền cho mỗi tiêu đề và tạo thành các bảng nền tối màu của các phần được phân chia.
• Paper White #ffffff — Một bề mặt sáng màu dùng để tạo phông nền không gây chú ý và phân tách các phần. Không nên sử dụng nó làm màu chủ đạo cho lời kêu gọi hành động.
• True Black #000000 — Các yếu tố có độ tương phản tối đa—màu nền tiêu đề trên nền trắng, thanh thông báo, thiết kế chân trang, đường viền biểu tượng liền mạch—được đặt ở những vị trí mà thiết kế yêu cầu đường nét rõ ràng nhất.
• Obsidian #0c0c0c — Các bề mặt bảng điều khiển sâu và lớp phủ hình ảnh - hơi mềm hơn màu đen tuyền, được sử dụng cho các vùng tối chiếm toàn bộ bề mặt màn hình và cần tạo cảm giác chắc chắn nhưng không quá gắt như màu đen phẳng.
• Fog #eef1f0 — Một bề mặt sáng màu dùng để tạo phông nền không gây chú ý và phân tách các phần. Không nên sử dụng nó làm màu chủ đạo cho lời kêu gọi hành động.
• Mist #e0e0e0 — Các đường phân chia, trạng thái bị vô hiệu hóa, các đường phân định cấu trúc tinh tế - một màu xám nhạt xác định ranh giới giữa các phần trên nền trắng.

Kiểu chữ

Từ 14 đến 80px · 6 bước

• Geist — thay thế: Inter · phác thảo 400, 600, 700 · Văn bản chính, tiêu đề sản phẩm, mô tả, trường biểu mẫu, văn bản liên kết và nội dung chân trang. Độ đậm phông chữ: 400 cho văn bản chính, 600 cho phần nổi bật và 700 cho tiêu đề sản phẩm và các ghi chú quan trọng. Phông chữ Grotesque trung tính cho phép các phông chữ Display Serif và Condensed Sans phản ánh phong cách thương hiệu, trong khi Geist cung cấp tính năng và khả năng dễ đọc.
• Exposure-style serif (Exposure-10) — thay thế: Playfair Display · phác thảo 400 · Tiêu đề và đề mục chính. Một cỡ chữ duy nhất (400) với kiểu chữ serif nghiêng tạo nên sự uy quyền trong biên tập—những từ ngữ này thiết lập giọng điệu thương hiệu, được sử dụng một cách tiết kiệm trên các mảng tối trải dài toàn bộ chiều rộng trang và ở đầu các phần quan trọng. Khoảng cách chữ hẹp (-0.025em) giúp các chữ cái lớn trông có vẻ trang trọng chứ không phải nhẹ nhàng.
• Bryant-style condensed sans (bryant) — thay thế: Druk Wide · phác thảo 700 · Nhãn điều hướng, nút lọc danh mục, văn bản nút, "lông mày", thẻ phần và tiêu đề bổ sung. Chữ in hoa được nén với khoảng cách giữa các chữ dương tạo nên phong cách công nghiệp, giống như nhãn mác — những từ này xác định và hướng dẫn, nhưng không bao giờ mô tả.

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

Phong cách tương tự

• Arsenijs Fabrica — Vẻ đẹp vốn có của nội dung biên tập được bộc lộ dưới ánh đèn phòng trưng bày. Những bức tường trắng tinh khôi, một đèn nhấp nháy màu cam ấm áp nổi bật trên nền đơn sắc, kiểu chữ mảnh mai và khoảng trắng rộng rãi.
• 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.
• Aevi Wellness — Phong cách hiệu thuốc Scandinavia, kiểu chữ nhẹ nhàng. Một điểm nhấn màu xám xanh dịu nhẹ phá vỡ bố cục tổng thể không màu sắc, thoáng đãng của tài liệu biên tập, nơi ảnh sản phẩm được đặt chồng lên các tấm thẻ viền mỏng trên nền trắng ấm áp.
• Palmer — Một phòng trưng bày gốm sứ dưới ánh sáng dịu nhẹ – sự tương tác diễn ra với bức tường, và các vật thể chính là tác phẩm nghệ thuật.
• PLATFORM — Phòng trưng bày White Cube dưới ánh đèn sân khấu.
• Assembly Coffee London — Than hồng trong một xưởng rang cà phê tối tăm. Một phông nền gần như đen kịt với những bức ảnh sản phẩm được chiếu sáng mờ ảo, ấm áp và kiểu chữ viết tay uốn lượn – mang đến cảm giác của một thực đơn cà phê đặc sản được in lén lút vào lúc nửa đêm.
• ARTWORLD — Tiêu đề tạp chí thời trang trên vải lanh trắng.
• Structured — Tranh vẽ theo phong cách Phục Hưng trên giấy giống như đất sét nặn.
• Airbnb — Một bức tường trưng bày màu trắng tĩnh lặng với một chiếc bookmark màu đỏ san hô duy nhất.
• VISIONNAIRE — Một bộ sưu tập ảnh thời trang đường phố trên nền trắng tinh khôi. Thương hiệu này hoạt động như một lookbook in ấn: nền trắng phẳng, mực đen sắc nét và một mảng màu kem ấm áp được sử dụng làm khối màu để làm nổi bật sản phẩm hoặc logo.
• Letter — Một phòng trưng bày tư nhân với những hiện vật lấp lánh được tìm thấy trong kho. Một không gian triển lãm tường đen, nơi những dòng chữ in hoa nổi bật trên những tác phẩm điêu khắc mạ crôm trên những bức tường màu của phòng trưng bày.
• Ramp — Bộ phận tài chính biên tập, những trang giấy đen trắng với một điểm nhấn màu neon duy nhất. Bề mặt gần như đơn sắc của ấn phẩm, nơi một nét vẽ màu xanh lá cây tươi sáng biến mọi tương tác thành tín hiệu tiền tệ.