Nike
Một phòng trưng bày đơn sắc về những thành tích thể thao – những bức tường trắng, sản phẩm như một tác phẩm nghệ thuật, lớp mạ crôm hòa quyện vào nền.
Nike.com hoạt động như một phòng trưng bày đơn sắc, ưu tiên sản phẩm: giao diện người dùng gần như vô hình, cho phép hình ảnh sản phẩm chiếm trọn màn hình. Toàn bộ giao diện được xây dựng từ màu đen, trắng và ba sắc độ xám—không có màu nhấn, không có hiệu ứng chuyển màu trang trí, không có màu crôm ấm áp đặc trưng. Phong cách đặc trưng của Nike nằm ở logo phòng trưng bày và các bức ảnh, nhưng không bao giờ xuất hiện trong chính giao diện người dùng. Kiểu chữ nhỏ gọn và thực dụng, sử dụng bộ phông chữ Helvetica Now được thiết kế riêng với kích thước 12-20px, cùng với một logo Nike Futura ND cỡ lớn 76px cho tiêu đề. Các thành phần được tối giản: các nút hình viên thuốc với bán kính 30px, thẻ sản phẩm phẳng, đường viền mỏng và hầu như không có sự khác biệt về chiều cao. Trang web xen kẽ giữa các bề mặt sản phẩm màu trắng tinh khiết và các phần biên tập tối màu nổi bật, tạo nhịp điệu thông qua sự tương phản chứ không phải trang trí.
Trang web tuân theo một nhịp điệu biên tập mạnh mẽ: phần đầu trang nổi bật, trải rộng toàn màn hình, màu tối với một sản phẩm duy nhất và tiêu đề lớn, tiếp theo là lưới danh mục 2x2 trải rộng toàn màn hình, lưới thẻ sản phẩm cuộn ngang theo 3 cột, và cuối cùng là chân trang nhiều cột dày đặc. Tất cả các khối nội dung đều chiếm toàn bộ chiều rộng khung nhìn mà không có giới hạn chiều rộng tối đa; giới hạn chiều rộng tối đa chỉ áp dụng cho lưới liên kết điều hướng và chân trang. Sự chuyển tiếp giữa các phần rất sắc nét: đầu trang màu đen → lưới danh mục màu trắng → lưới sản phẩm màu trắng → chân trang màu trắng, với các đường viền màu xám hẹp làm đường nối trực quan duy nhất. Thanh điều hướng là một thanh hai tầng tối giản (các liên kết phụ ở trên cùng, các danh mục chính ở giữa) không có ghim, không có nền và không có bóng. Mật độ nội dung nhỏ gọn trong lưới sản phẩm (khoảng cách thẻ hẹp) và rộng rãi trong phần đầu trang (toàn màn hình).
Nhiếp ảnh là yếu tố hình ảnh chủ đạo và định hình toàn bộ bản sắc thương hiệu. Hệ thống sử dụng ảnh sản phẩm chất lượng cao, toàn khung hình: giày thể thao được chụp riêng lẻ trên nền tối hoặc nền chuyển màu, được cắt xén để lấp đầy khung hình, không có bối cảnh đời sống. Hình ảnh đời sống xuất hiện trong các danh mục, thể hiện bàn chân và đôi chân của các vận động viên đang vận động. Bảng màu tương phản cao, bão hòa được sử dụng—giày đỏ trên nền đen, điểm nhấn neon trên đế trắng, và ánh sáng ấm và lạnh để làm nổi bật chất liệu. Không sử dụng hình minh họa, đồ họa trừu tượng hoặc hình ảnh 3D. Hình ảnh luôn có các cạnh sắc nét (không có góc tròn trong khung ảnh), luôn chiếm toàn bộ không gian trong khối của chúng và luôn đi kèm với lớp phủ văn bản tối thiểu. Biểu tượng hoàn toàn mang tính chức năng: biểu tượng viền cho tìm kiếm, danh sách yêu thích, giỏ hàng và tài khoản với màu Obsidian hoặc Steel.
Bảng màu
Trung lập
- Obsidian
#111111— Màu tối làm nổi bật văn bản và biểu tượng trung tính, tạo ra độ tương phản mạnh. Tránh sử dụng nó làm màu chủ đạo cho các lời kêu gọi hành động. - Paper White
#ffffff— Nền trang, bề mặt thẻ, văn bản nút trên nền tối, đường viền biểu tượng — bố cục mặc định cho lưới sản phẩm và các phần danh mục. - Concrete Gray
#e5e5e5— Các đường viền, đường phân chia, những đường kẻ mỏng phân tách các phần lưới, những đường nét tinh tế của các trường nhập liệu. - Soft Mist
#f5f5f5— Màu nền tinh tế cho các bề mặt phụ, màu nền cho ô tìm kiếm trong thanh điều hướng, màu nền cho thẻ. - Steel
#707072— Văn bản phụ, văn bản hỗ trợ mờ, đường viền biểu tượng thu nhỏ, nhãn đường dẫn điều hướng, dấu phân cách liên kết chân trang. - Faint Gray
#9e9ea0— Các đường viền biểu tượng, các yếu tố giao diện người dùng nhỏ và các đường viền có độ sáng tối thiểu đều bị vô hiệu hóa.
Kiểu chữ
Từ 12 đến 76px · 6 bước
- Helvetica Now Text Medium — thay thế: Inter · phác thảo 500 · Phông chữ Helvetica Now Text Medium - được tìm thấy trong dữ liệu thu thập được nhưng không được AI mô tả.
- Helvetica Now Text — thay thế: Inter or Helvetica Neue · phác thảo 400, 500 · Văn bản chính của giao diện người dùng - các liên kết điều hướng, nhãn nút, tiêu đề thẻ, tên sản phẩm, danh sách chân trang, toàn bộ văn bản nội dung.
- Helvetica Now Display Medium — thay thế: Inter Medium or Helvetica Neue Medium · phác thảo 500 · Tiêu đề các phần, nhãn danh mục thẻ, tiêu đề cỡ trung bình - Phông chữ cỡ trung bình (20-24px) là đặc điểm nổi bật của các tiêu đề Nike không phải là các yếu tố thiết kế lớn: không bao giờ in đậm, luôn ngắn gọn.
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 | 8px |
| Bán kính nút | 30px |
| Bán kính thẻ | 0px |
| Bóng tối | không - viền thay vì bóng |
| Giữa các phần | 48px |
| Chiều rộng trang | 1440px |
AI sẽ xây dựng trang web của bạn theo phong cách Nike 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ự
- 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) — tủ trưng bày màu trắng
- Silencio — Một căn phòng trắng với những hiện vật lơ lửng. Một không gian trưng bày được làm từ giấy màu ấm, nơi mỗi yếu tố chiếm vị trí riêng của nó trên nền âm bản, và sự tĩnh lặng là một quyết định thiết kế có chủ ý.
- Oakâme — Một xưởng làm việc ở vùng Provence ngập tràn ánh nắng, được chạm khắc từ những phiến đá ấm áp.
- Arc — phòng trưng bày màu trắng công nghiệp trên mặt nước lúc nửa đêm
- Rivian — Một khối kiến trúc điện khổng lồ trên bức tường bê tông của phòng trưng bày. Rivian trình bày mỗi chiếc xe như một tác phẩm điêu khắc trên nền không gian trắng rộng lớn, với kiểu chữ lớn đến mức trở thành một yếu tố kiến trúc, và một màu vàng ấm áp duy nhất phá vỡ bầu không khí đơn sắc, giống như ánh nắng mặt trời trên một bề mặt mờ.
- Analogue — Tủ trưng bày màu đen – hàng hóa lơ lửng trong không trung.
- ddna — tủ trưng bày bảo tàng ấm áp trên vải lanh chưa qua xử lý
- Zellerfeld — Xưởng điêu khắc trên đá cẩm thạch trắng—những bề mặt nguyên khối của bệ đỡ, một tia sáng coban duy nhất, những chữ cái viết thường thì thầm từ sàn đến trần nhà.
- UY Studio — Hành lang đá của tu viện là một không gian yên tĩnh với những bức tường bê tông, nơi những lọ nước hoa được đặt trên bệ trắng, chiếu sáng bởi một đèn 400 watt và bốn bóng đèn màu xám ấm áp.
- Basic.Space — phòng trưng bày trên đá cẩm thạch trắng.
- COS — một phòng trưng bày hợp thời trang với những bức tường trắng.