Le Puzz

Bảng màu

Thương hiệu

• Honeycomb Yellow #ffd931 — Màu sắc chủ đạo của thương hiệu, thanh tiêu đề, các nút hành động chính, trạng thái hoạt động của thanh điều hướng, màu gạch chân liên kết, màu nền nhấn mạnh—tất cả đều xoay quanh điểm nhấn màu sắc đó.

Trung lập

• Carbon Black #000000 — Văn bản chính, đường viền dày, đường viền nút, đường viền biểu tượng, văn bản điều hướng là nền tảng cấu trúc của toàn bộ hệ thống.
• Ink Black #231f20 — Văn bản phụ, văn bản chính, viền nút, viền trường nhập liệu - một màu hơi ấm hơn, gần như đen để tạo cảm giác mềm mại hơn.
• Pearl Gray #c8cbcd — Trang bố cục, hình nền thẻ sản phẩm, một sân khấu nổi bật với sự kết hợp của màu vàng và đen.
• Fog Gray #a6a8aa — Bề mặt huy hiệu được xử lý nhẹ nhàng, hình nền chip phụ và giao diện người dùng được tô điểm tinh tế.
• Smoke Line #d6d6d6 — Vách ngăn mỏng, vách ngăn bàn/bài kín đáo.

Kiểu chữ

Từ 11 đến 47px · 6 bước

• Times Now — thay thế: Playfair Display · phác thảo 100, 400 · Phông chữ serif dùng cho tiêu đề chính và tiêu đề phụ—được sử dụng cho tiêu đề chính, tên sản phẩm và tiêu đề mục. Phông chữ siêu nhẹ 100 điểm với khoảng cách giữa các chữ là 47 pixel tạo cảm giác cao, gần như cô đọng như trong văn bản biên tập; các hình dạng chữ cái được thu gọn (chiều cao dòng từ 0,87–0,90) cho phép các tiêu đề lớn được đặt gần với văn bản đi kèm, mô phỏng một áp phích in.
• Times — thay thế: Times New Roman · phác thảo 400 · Việc sử dụng phông chữ serif cho phần văn bản chính là một lựa chọn bất ngờ đối với một cửa hàng trực tuyến, mang lại cho toàn bộ trang web một cảm giác văn chương, giống như một cuốn catalog. Khoảng cách dòng nhỏ (1.15) giúp các đoạn văn ngắn gọn và dễ đọc.
• Helvetica Neue — thay thế: Helvetica · phác thảo 100, 400 · Văn bản nhỏ trong giao diện người dùng, văn bản trên nút và văn bản siêu nhỏ được đặt ở cỡ chữ 11px với khoảng cách giữa các chữ lớn (0,0730em), tạo cảm giác như đang viết chữ in hoa ngay cả khi nhiệt độ cơ thể ở mức thoải mái.

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

Phong cách tương tự

• Agence Foudre — Trang bìa của tạp chí có màu hồng nhạt, gợi nhớ đến màu son môi.
• INVERSA — Một thiết bị đầu cuối đo địa hình lúc nửa đêm. Một bảng điều khiển tối đen, nơi phông chữ biên tập khổng lồ và một lớp các điểm đánh dấu màu xanh neon được chồng lên hình ảnh vệ tinh của Trái đất, mỗi nhãn đều có một màu đơn sắc, như thể đang đọc tọa độ nhiệm vụ.
• Acne Studios — Một không gian trưng bày tối giản tràn ngập những bức ảnh sống động — một tạp chí thời trang được trải trên nền đá cẩm thạch.
• GTE — Thiết bị đầu cuối giao dịch phía sau hệ thống chiếu sáng phòng trưng bày.
• Diabla — Một khoảng sân kiểu Địa Trung Hải vào giữa trưa – những bức tường màu hồng nhạt phai màu vì nắng, một mái hiên bằng vải bạt màu đỏ tươi và những dòng tiêu đề báo chí có chân chữ trải dài trên bầu trời.
• Subset — Cửa hàng boutique được thiết kế từ vải lanh thô.
• Cursor — Một xưởng làm giấy da ấm cúng, được thắp sáng bởi những than hồng đang cháy âm ỉ.
• MindMarket — Một cuốn sách truyện cổ tích ấm áp trên giấy màu kem - một bề mặt biên tập thân thiện, nơi những tiêu đề lớn của Inter và các nhân vật cắt giấy cùng tồn tại trên một bề mặt mềm mại, ngập tràn ánh nắng.
• Lamborghini — Màu sơn thân xe đen trong phòng trưng bày, dưới ánh đèn sân khấu - một chiếc xe màu vàng.
• Amplemarket — Một nơi làm việc ngập tràn ánh nắng mặt trời, điểm xuyết những mảnh giấy kim tuyến.
• Getharvest — Một chiếc bàn vào giờ hoàng hôn – một bức tranh màu kem ấm áp, những tấm bưu thiếp trắng treo trên tranh, và một ngọn lửa màu cam rực rỡ.
• Drive Capital — Poster phong cách retro cho chuyến đi đường dài, in trên giấy màu ấm.