INO
Một tủ trưng bày trong bảo tàng im lặng – mỗi hiện vật như đang trôi nổi trong không gian trắng, giống như một vật thể riêng lẻ sau lớp kính, được đóng khung bởi một phông chữ gần như đen, hầu như không phát ra âm thanh.
INO hoạt động như một phòng trưng bày trang sức gần như đơn sắc: một nền trắng tinh khôi, một màu mực duy nhất, ấm áp, gần như đen, và gần như hoàn toàn không có màu sắc. Hệ thống hình ảnh xử lý mỗi chiếc nhẫn như một tác phẩm nghệ thuật trong bảo tàng—những bức ảnh sản phẩm mang tính chuyên môn nổi bật trong không gian âm rộng lớn, với thứ bậc được xây dựng thông qua vị trí, khoảng cách chữ và lượng màu trắng chứ không phải thông qua kích thước phông chữ hay màu sắc. Thanh điều hướng nằm ở cuối trang, bao gồm bốn dấu chấm có nhãn (đã tô đầy hoặc để trống), một sự đảo ngược có chủ ý so với thanh điều hướng truyền thống trên các trang thương mại điện tử. Bản thân biểu tượng thương hiệu là một tập hợp các đường viền vòng tròn đồng tâm, phản ánh hình dạng của sản phẩm và đóng vai trò như một tác phẩm điêu khắc chữ hơn là một logo.
Một bố cục toàn màn hình không giới hạn chiều rộng nội dung tối đa. Màn hình chính chiếm toàn bộ chiều rộng của trang, với hình ảnh và đồ họa được chia đều (50/50). Lưới sản phẩm được hiển thị dưới dạng ba cột với lề ngang rộng rãi từ mép khung nhìn. Thanh điều hướng phía dưới được căn giữa và neo vào chân trang, thay vì được ghim cố định. Các phần ngắt đoạn sử dụng hình ảnh biên tập toàn màn hình hoặc khoảng trắng thuần túy—không bao giờ có thanh màu, đường phân chia hoặc hiệu ứng chuyển màu. Nhịp điệu dọc tự do: 80/1/1 giữa các phần chính, cho phép trang có không gian thoáng đãng thay vì bị lấp đầy bởi nội dung. Không có thanh bên, không có menu lớn, không có thanh tiêu đề trên cùng—logo "INO" chỉ nằm ở góc trên bên trái của màn hình chính.
Hai chế độ hiển thị hình ảnh riêng biệt cùng tồn tại: ảnh sản phẩm chuyên nghiệp trên nền phẳng, màu xám nhạt, liền mạch (mỗi chiếc nhẫn được chụp ở trung tâm, không có bàn tay, đạo cụ cách điệu hoặc bóng đổ – vật thể là nhân vật chính) và hình ảnh biên tập mang tính kể chuyện (một chiếc nhẫn trong hộp lót cỏ, một bàn tay cầm dây chuyền), được hiển thị dưới dạng các mảnh biên tập toàn màn hình, giảm độ bão hòa màu. Hình ảnh sản phẩm đóng vai trò như thẻ sản phẩm; hình ảnh biên tập truyền tải tâm trạng của thương hiệu. Cả hai đều là đơn sắc hoặc gần như đơn sắc – cỏ trong hình ảnh chính là điểm nhấn màu xanh duy nhất, và ngay cả màu đó cũng được làm mờ thành màu xanh rừng. Biểu tượng không được sử dụng trong giao diện – một biểu tượng vòng tròn đồng tâm thay thế tất cả các biểu tượng khác.
Bảng màu
Trung lập
- Obsidian Ink
#212123— Các trạng thái biểu mẫu trung lập, văn bản biểu tượng và phản hồi giao diện người dùng tinh tế, trong đó bảng màu nên giữ ở mức không gây chú ý. - Bone
#ffffff— Các trang giấy vẽ trên vải bố, bề mặt bìa cứng, chữ viết ngược trên nền tối. Đây là bề mặt chủ đạo; gần như toàn bộ trang web đều nằm ở đây. - Carbon
#000000— Tô màu biểu tượng, đường viền đồ họa trang trí và tô màu trạng thái hoạt động cho chỉ báo điểm điều hướng. Được sử dụng một cách tiết kiệm để đạt được độ tương phản tông màu tối đa với màu "xương". - Ash
#999999— Viền có độ tương phản trung bình, đường bao điều khiển và các đường phân chia cấu trúc. - Pebble
#a6a6a7— Văn bản hỗ trợ có tông màu trầm, các đường phân cách mỏng cho văn bản chính và siêu dữ liệu phụ. Màu xám nhạt nhất được sử dụng cho nhãn giá và văn bản đi kèm, giúp chúng hòa vào nền.
Kiểu chữ
Từ 11 đến 18px · 4 bước
- Sequel100Wide — thay thế: Jost (400 · phác thảo 400 · Đây là kiểu chữ duy nhất được sử dụng độc quyền ở độ đậm 400 trong tất cả các ngữ cảnh—điều hướng, văn bản chính, tiêu đề, tựa đề, giá cả và chú thích. Biểu tượng hình học với khoảng cách chữ rộng rãi phản ánh toàn bộ phong cách của công ty. Việc thiếu độ đậm là có chủ ý: thứ bậc được tạo ra thông qua việc viết hoa, khoảng cách chữ và vị trí, chứ không phải thông qua việc thay đổi độ đậm của phông chữ.
- Arial — thay thế: system-ui · phác thảo 400 · Đây là phương án dự phòng toàn hệ thống để hiển thị các nút trong các ngữ cảnh cũ. Nó không phải là một phần của thương hiệu—nó chỉ xuất hiện nếu Sequel100Wide không tải được.
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 | 23px |
| Bán kính nút | 50px |
| Bán kính thẻ | 8px |
| 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 INO 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.
- Peak Design — Bức tường trưng bày, được chiếu sáng một phần.
- 099 SUPPLY — Một bức tường trưng bày đầy những vật thể đen trắng.
- Apple (España) — tủ trưng bày màu trắng
- Apple (España) — Khung cửa sổ phòng trưng bày trong màn sương sớm
- Custo — Một phòng trưng bày màu xám kim loại với phông chữ nguyên khối. Một không gian trưng bày tông màu xám xanh trầm, nơi một vật thể tối màu duy nhất và phông chữ 57px tự nói lên tất cả.
- 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.
- 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.
- Sociotype — Một mẫu vật điển hình trong bảo tàng, được đặt trên giấy trắng.
- 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ờ.