MAKR
Một tủ trưng bày trong bảo tàng dành cho các sản phẩm đồ da thủ công. Một căn phòng yên tĩnh, toàn màu trắng, nơi những nhãn mác bằng mực đen ấm áp nổi bật bên dưới những bức ảnh lớn về các sản phẩm đồ da được cầm trên tay hoặc đặt cạnh các phong cảnh, màu sắc tương phản duy nhất là một vệt màu xanh lá cây nhạt.
MAKR là một phòng trưng bày trực tuyến chuyên về các sản phẩm đồ da thủ công, được xây dựng trên nền tảng gần như hoàn toàn không màu, trong đó nhiếp ảnh là yếu tố chủ đạo. Một tông màu chủ đạo duy nhất, gần như xám (với một chút sắc xanh lá cây nhạt) làm nổi bật dải quảng cáo phía trên, trong khi mọi thứ khác—bề mặt, văn bản, đường phân cách, liên kết—đều được thể hiện bằng mực đen đậm, ấm áp trên nền trắng. Kiểu chữ là kiểu Sohne neo-grotesque ở mức độ tiết chế nhất: phông chữ nhỏ, khoảng cách dòng rộng rãi và khoảng cách chữ cái dương cho chữ cái viết hoa trong chú thích tạo cảm giác như văn bản trên tường phòng trưng bày, chứ không phải giao diện web. Bố cục chủ yếu là hình ảnh, bất đối xứng và tối giản, giống như một bảo tàng: các vật phẩm được chụp ảnh cầm tay, trong khung cảnh thiên nhiên, dưới ánh sáng tự nhiên, với các chú thích nhỏ giống như liên kết bên dưới. Các thành phần gần như vô hình—liên kết văn bản được gạch chân, trường nhập liệu ẩn, không có bóng, không có nút tròn—cho phép chất liệu da và nhiếp ảnh đóng vai trò trung tâm trong việc định hình thương hiệu.
Bố cục tràn viền không giới hạn chiều rộng nội dung tối đa—hình ảnh lấp đầy toàn bộ khung nhìn. Quảng cáo biểu ngữ đầu trang chiếm toàn bộ chiều rộng, tiếp theo là thanh điều hướng tiêu đề toàn chiều rộng. Khu vực nội dung chính sử dụng lưới hình ảnh nhiều cột (2-3 cột trên máy tính để bàn) với khoảng cách giữa các cột bằng không hoặc rất nhỏ, cho phép các bức ảnh tạo nên cấu trúc hình ảnh riêng. Văn bản và liên kết được đặt trong khoảng trắng bên dưới hình ảnh, không bao giờ chồng chéo lên nhau. Các phần biên tập xen kẽ giữa lưới sản phẩm và ảnh phong cách sống toàn chiều rộng. Nhịp điệu dọc khá rộng rãi (khoảng cách giữa các phần là 80–1,5), tạo cảm giác như đang dạo bước trong một phòng trưng bày. Cửa sổ đăng ký nhận bản tin là một bảng cố định ở góc dưới bên trái; một bảng đăng ký có thể đóng được đặt ở phía dưới cùng của khung nhìn. Ấn tượng tổng thể là một cuốn catalog bảo tàng hoặc một trang biên tập, chứ không phải là một bố cục thương mại điện tử điển hình.
Nhiếp ảnh là nội dung và ngôn ngữ cốt lõi của thương hiệu. Hai phong cách cùng tồn tại: (1) ảnh đen trắng khổ lớn chụp sản phẩm cầm tay, hình vuông hoặc cắt xén theo tỷ lệ 3:4, độ tương phản cao, vật thể lấp đầy khung hình mà không có bối cảnh đời sống; (2) ảnh đời sống đầy màu sắc dưới ánh sáng tự nhiên ấm áp, phong cảnh với tông màu đất, người mẫu đang di chuyển với túi xách, chụp từ góc thấp với độ sâu trường ảnh nông. Sự xen kẽ giữa hình ảnh đen trắng và hình ảnh đầy màu sắc tạo nên một nhịp điệu thị giác duy nhất trên trang. Không có hình minh họa, không có hình ảnh 3D, không có đồ họa trừu tượng. Hình ảnh chiếm toàn bộ trang hoặc trải rộng toàn bộ chiều rộng của trang, trong các ô lưới có bán kính bằng không và không có đường viền. Biểu tượng không có hoặc rất ít – chỉ là một dấu X đơn giản để đóng, và không hơn.
Bảng màu
Trung lập
- Obsidian Ink
#1c1717— Màu này được sử dụng cho toàn bộ giao diện người dùng, bao gồm văn bản chính, các liên kết văn bản, nội dung văn bản, tiêu đề, đường viền biểu tượng và các đường viền tinh tế. Đây là màu chủ đạo—tỷ lệ 17,7:1 trên nền trắng, được sử dụng trong hơn 5.000 trường hợp. Tông màu ấm rất tinh tế (không phải màu đen tuyền) mang lại cho toàn bộ giao diện cảm giác như một cuốn catalog in ấn hơn là một màn hình. - Paper
#ffffff— Viền mỏng, đường phân cách, đường viền trường nhập liệu và cạnh thẻ trên bề mặt sáng màu. Tránh 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. - Bone
#f0f0f0— Một bề mặt phụ để xen kẽ các phần, tạo nên những phông nền tinh tế cho các bảng điều khiển và các đường viền/phân chia bên trong. Nó tạo ra một sắc xám ấm áp nhẹ nhàng giữa màu trắng của giấy và màu xanh nhạt của quảng cáo. - Eucalyptus Mist
#a9aea9— Hình nền quảng cáo biểu ngữ ở đầu trang, sự chuyển đổi màu sắc nhẹ nhàng giữa các phần và một khung phụ. Khi đứng riêng lẻ, nó trông gần như màu xám, nhưng khi được sử dụng trên toàn bộ chiều rộng, nó mang một sắc xanh lá cây nhạt tinh tế—điểm nhấn màu sắc duy nhất trong bố cục đơn sắc.
Kiểu chữ
Từ 11 đến 32px · 5 bước
- Sohne Web — thay thế: Inter · phác thảo 400 · Toàn bộ giao diện – văn bản chính, điều hướng, liên kết, tiêu đề, nút bấm, trường nhập liệu, biểu tượng và chú thích hình ảnh – đều được sử dụng cùng một kiểu. Phông chữ Sohne có độ đậm 400 (không tìm thấy biến thể đậm) mang lại cho MAKR vẻ biểu cảm tinh tế nhưng tự tin: thông tin được truyền tải thông qua kích thước và khoảng cách giữa các chữ cái, chứ không phải thông qua độ tương phản về độ đậm. Các lựa chọn thay thế: Inter, Söhne hoặc Untitled Sans.
- CircularXXMonoWeb — thay thế: JetBrains Mono · phác thảo 400 · Chỉ dùng cho các hướng dẫn kỹ thuật hoặc thông số kỹ thuật sản phẩm không thường xuyên — một âm thanh nhỏ nhẹ phá vỡ nhịp điệu tân kỳ quái. Sử dụng tiết kiệm: mã sản phẩm, thông số kỹ thuật vật liệu, không hơn. Thay thế bằng: JetBrains Mono hoặc IBM Plex Mono.
Khoảng cách và hình thức
| Mục đích | Nghĩa |
|---|---|
| Tỉ trọng | dày đặc |
| Bước cơ bản | 5-8px |
| Bán kính nút | 0px |
| Bán kính thẻ | 0px |
| Bóng tối | không - viền thay vì bóng |
| Giữa các phần | 80-120px |
AI sẽ xây dựng trang web của bạn theo phong cách MAKR và điền đầy đủ thông tin vào đó.
- Đăng tải sản phẩm và bài viết qua các liên kết sau: Instagram, TikTok, Facebook.
- Chuyển nội dung từ trang web cũ của bạn—chỉ cần chỉ định địa chỉ.
- Thiết kế hiện đại trên nền tảng tốt nhất: React ( Next.js) với khả năng render phía máy chủ và tối ưu hóa SEO ngay từ đầu.
- Tối ưu hóa SEO hoàn toàn tự động cho kết quả tìm kiếm và đề xuất dựa trên mạng thần kinh.
Phong cách tương tự
- FARFETCH España — Một phòng trưng bày thời trang theo phong cách "khối lập phương trắng". Hãy tưởng tượng một không gian bán lẻ cao cấp, nơi tường, sàn và đồ đạc đều được tẩy trắng, và chỉ có quần áo cùng những người mặc chúng mới tạo nên mọi sắc thái, chất liệu và biểu cảm thị giác.
- Franco Maria Ricci Editore — Catalogue Triển lãm Nghệ thuật Art Deco - Những đường kẻ vàng bóng loáng trên nền giấy da trắng tinh.
- Laura Monin — Tường trưng bày tranh ảnh, đá cẩm thạch trắng, dấu mực.
- OhDada — Ảnh minh họa trên tường phòng trưng bày biên tập
- 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 ỉ.
- Structured — Tranh vẽ theo phong cách Phục Hưng trên giấy giống như đất sét nặn.
- 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.
- 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.
- 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.
- 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ỡ.