Medium

Bảng màu

Trung lập

• Newsprint Cream #f7f4ed — Màu nền của trang, nền cửa sổ chính và nền các phần đều là một tông màu ấm áp, hơi kem, tạo cảm giác như giao diện in ấn hơn là giao diện kỹ thuật số.
• Paper White #ffffff — Các bề mặt thẻ, các tấm nổi, các ô nhập liệu và bất kỳ bề mặt nào cần được tách biệt khỏi nền vải màu kem.
• Ink #242424 — Văn bản chính, văn bản chính, liên kết, tiêu đề - hơi ấm hơn màu đen tuyền, trông đẹp trên nền màu kem.
• Body Gray #333333 — Màu chữ phụ và màu nền mặc định được sử dụng khi cần màu sáng hơn một chút so với màu mực mà vẫn đảm bảo độ tương phản.
• Button Black #191919 — 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.
• Marginalia Gray #6b6b6b — Hỗ trợ màu trung tính cho giao diện người dùng phụ, đường phân cách và nhãn có tông màu trầm.

Kiểu chữ

Từ 13 đến 120px · 5 bước

• medium-content-sans-serif-font — thay thế: Inter · phác thảo 400 · Phông chữ sans-serif nội dung trung bình - được tìm thấy trong dữ liệu đã trích xuất nhưng không được AI mô tả.
• GT Super — thay thế: Playfair Display · phác thảo 400 · Tiêu đề và nội dung văn bản sử dụng phông chữ serif chuyển tiếp, với kích thước cực lớn, khoảng cách giữa các chữ rất hẹp và khoảng cách dòng là 0,83. Việc lựa chọn độ đậm 400 (không phải đậm) ở kích thước 120px là một đặc điểm nổi bật: chính hình dạng chữ, chứ không phải độ đậm, mới tạo nên hiệu quả. Khoảng cách âm giữa các chữ làm giảm khoảng trống thị giác, khiến "Những câu chuyện và ý tưởng của con người" trông giống như một khối chữ liền mạch.
• Söhne — thay thế: Inter · phác thảo 400 · Phông chữ UI sans-serif được sử dụng cho thanh điều hướng, nút bấm, tiêu đề phụ và các tiêu đề nhỏ. Kích thước 13–14px dành cho nhãn điều hướng và nút bấm; 20–22px dành cho tiêu đề phụ và văn bản phụ trong tiêu đề. Một phông chữ sans-serif đơn giản với tỷ lệ gần gũi với con người sẽ dễ đọc ở kích thước nhỏ và không gây khó chịu ở kích thước lớn hơn.

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

Phong cách tương tự

• Steep — Phân tích phông chữ Serif trên giấy ấm
• Newformcap — Tờ báo xã luận trong phòng thay đồ
• Claude — Một hiện vật được in trên giấy da ấm áp—mực trên giấy xương, đất sét là điểm nhấn màu sắc duy nhất.
• 11x– Digital workers — Một khung cảnh biên tập điện ảnh hoang tàn—những bức ảnh toàn cảnh phong cảnh được đặt cạnh những tiêu đề in chữ in hoa hoành tráng, trông giống như trang bìa của một tạp chí sang trọng.
• Revolut — Một tác phẩm biên tập đơn sắc dựa trên bức ảnh chụp những đám mây—mực trắng, cúc áo kiểu hộp thuốc, một vệt màu xanh duy nhất trong một thế giới toàn màu xám.
• Scheduling — Mực in biên tập trên giấy màu kem
• Titan — kho lưu trữ đơn sắc tông ấm
• Programa — Một xưởng thiết kế Thụy Sĩ vào giữa trưa. Bức tường trưng bày màu trắng được chiếu sáng bởi một chiếc đèn bàn màu vàng duy nhất—mọi thứ đều mang sắc thái xám cho đến khi một nút bấm, biểu tượng hoặc điểm nhấn nào đó thu hút sự chú ý, và rồi điểm nhấn màu vàng duy nhất đó định hình toàn bộ căn phòng.
• Sana Agents — Ánh nhũ xanh lá cây trên nền trắng trong bài viết biên tập
• Visual — Ấn phẩm samizdat ấm áp. Giấy màu kem, áp phích chữ có chân, ghi chú bên lề đen trắng, một bút dạ vàng.
• Midday — Tờ rơi biên tập trên giấy da - Tiêu đề chân chữ 72px trên nền màu đá ấm, nội dung chính không chân chữ có khoảng cách, các nút điều khiển hình viên thuốc, không có bóng
• Chat for impact — Một phòng khám màu xanh lá cây rừng với các phòng được sơn màu pastel.