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ả.

Custo hoạt động như một phòng trưng bày các sản phẩm công nghiệp: một nền kim loại ấm áp làm phông nền cho sản phẩm thực tế, trong khi kiểu chữ khổ lớn đóng vai trò là điểm nhấn thị giác chính. Hệ thống này hoàn toàn không màu – không có màu sắc nào – cho phép phần chữ mạ anod tối màu và sự trang trọng hình học của một kiểu chữ sans-serif duy nhất truyền tải toàn bộ cá tính của thương hiệu. Mỗi màn hình cân bằng không gian trắng rộng lớn với một tuyên bố kiểu chữ hoành tráng, với biểu tượng thương hiệu được lặp lại như một yếu tố kiến trúc. Bề mặt phẳng và mờ; chiều sâu được tạo ra thông qua độ phản chiếu của chính sản phẩm, chứ không phải thông qua bóng hoặc độ chuyển màu.

Bố cục trang được sắp xếp theo chiều dọc, một cột duy nhất với chiều rộng nội dung tối đa khoảng 1280px, nằm chính giữa khung nhìn. Phần tử chính của trang trải rộng toàn bộ chiều rộng của trang, được hiển thị tràn viền bằng màu Canvas Gunmetal #9ea29f, với hình ảnh hộp thư được đặt chính giữa bên phải và logo CUSTO® kích thước 57px ở cạnh dưới. Bên dưới phần tử chính, các phần được bố trí xen kẽ: một khối văn bản hai cột (chú thích nhỏ bên trái, tiêu đề lớn bên phải), tiếp theo là một lưới ngang gồm ba thẻ hình ảnh sản phẩm, sau đó là các hàng văn bản và hình ảnh hai cột, với văn bản chính xen kẽ ở hai bên. Khoảng cách giữa các phần là 110px, tạo ra không gian thoáng đãng theo chiều dọc. Thanh điều hướng là một thanh trên cùng trong suốt duy nhất, mờ dần thành màu Trắng Giấy khi bạn cuộn chuột. Biểu tượng CES là một phần tử cố định, nổi ở góc dưới bên phải. Nhịp điệu tổng thể giống như một phòng trưng bày: ít phần tử trong mỗi phần, phông chữ lớn, khoảng cách rộng và hình ảnh sản phẩm làm điểm nhấn trực quan giữa các dải văn bản.

Các hình ảnh hoàn toàn là ảnh chụp sản phẩm của hộp thư Custo, được chụp ở ba chế độ: ảnh toàn thân chụp từ trên xuống khung kim loại, ảnh phong cách sống thể hiện sự tương tác của người dùng với thiết bị, và ảnh cận cảnh giao diện quét và vòng đèn LED. Tất cả các bức ảnh đều được thực hiện với tông màu trầm, độ tương phản cao, với lớp sơn đen mờ của hộp thư đóng vai trò là điểm nhấn thị giác. Không có hình minh họa, đồ họa trừu tượng hoặc ảnh có sẵn. Các bức ảnh được đặt trên các thẻ có bán kính 8px hoặc được sử dụng toàn màn hình phía sau logo 57px. Biểu tượng CES là hình ảnh đa màu duy nhất trên toàn bộ trang web.

Cửa hàng trực tuyến Đơn sắc Phần thưởng Độ dốc mềm mại

https://custo.io

Bảng màu

Trung lập

Canvas Gunmetal #9ea29f — Nền màu xám xanh ấm áp của phần chính và phần chủ đề tạo nên sự khác biệt giữa Custo và các mẫu SaaS màu trắng tiêu chuẩn, mang lại cảm giác giống như bê tông kiến trúc hơn là một bề mặt kỹ thuật số.
Obsidian #000000 — Văn bản chính, đường viền mỏng, nét vẽ biểu tượng - loại mực có độ tương phản cao nhất trong hệ thống, được sử dụng cho tiêu đề và các đường phân chia cấu trúc.
Paper White #ffffff — Hình ảnh nền các bộ phận cơ thể, chữ đảo ngược trên nền xám kim loại, chữ trên nền tối của ảnh chụp sản phẩm.
Anodized Graphite #4b514d — Bề mặt tối màu dùng cho ảnh sản phẩm, tiêu đề bổ sung và văn bản ba chiều phản ánh lớp hoàn thiện của hộp thư, do đó giao diện người dùng và sản phẩm được làm từ cùng một chất liệu.
Brushed Steel #8e9194 — Văn bản ngắn gọn, các đường phân cách danh sách và đường viền biểu tượng bổ sung nằm giữa màu Paper White và Obsidian để nhúng siêu dữ liệu và các liên kết kín đáo.
Linen Mist #a7aaad — Màu sáng của viền và các đường phân cách tiêu đề và đường phân chia là một sắc thái tinh tế, không bao giờ cạnh tranh với các đường nét cấu trúc của màu Obsidian.

Kiểu chữ

Từ 15 đến 57px · 5 bước

PP Neue Montreal — thay thế: Inter · phác thảo 400 (Medium) · Hệ thống kiểu chữ thống nhất được sử dụng cho mọi thứ, từ nội dung chính đến văn bản giải thích—đặc điểm nổi bật là tính đồng nhất về hình học trong độ dày chữ, tránh sử dụng bất kỳ phông chữ phụ hoặc phông chữ dành riêng cho hiển thị nào, do đó, logo 'CUSTO®' được đặt ở kích thước 57px được hiểu là thuộc cùng một hệ thống kiểu chữ với nhãn trường nhập liệu có kích thước 15px.

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

Mục đích	Nghĩa
Tỉ trọng	rộng rãi
Bước cơ bản	24px
Bán kính nút	31.35px (pill) for primary action; 8px for secondary
Bán kính thẻ	8px
Bóng tối	không - viền thay vì bóng
Giữa các phần	110px
Chiều rộng trang	1280px

AI sẽ xây dựng trang web của bạn theo phong cách Custo 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.

Tạo một trang web theo phong cách này

Phong cách tương tự

099 SUPPLY — Một bức tường trưng bày đầy những vật thể đen trắng.
Specht Studio — Một bức tường trưng bày đầy những điều kỳ thú một cách tinh tế. Lớp mạ crôm do chính studio tạo ra có bề mặt màu trắng với chữ màu đen; sự rực rỡ về mặt thị giác hoàn toàn tập trung vào phần ốp lát của dự án.
Structured — Tranh vẽ theo phong cách Phục Hưng trên giấy giống như đất sét nặn.
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.
VSCO — Bức tường đơn sắc của phòng trưng bày là một triển lãm ảnh đen trắng, nơi một ánh đèn sân khấu ấm áp duy nhất chiếu sáng những gì đang diễn ra.
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.
Peak Design — Bức tường trưng bày, được chiếu sáng một phần.
Apple (España) — Phòng trưng bày Obsidian Gallery là một không gian triển lãm tối tăm, nơi một vật thể bằng titan duy nhất phát sáng trên nền đen kịt.
Apple (España) — tủ trưng bày màu trắng
teenage engineering — Danh mục sản phẩm công nghiệp về đèn chiếu sáng studio - sản phẩm là đối tượng duy nhất nổi bật trên trang, và mọi thứ khác đều được thảo luận xung quanh nó.
Apple (España) — Khung cửa sổ phòng trưng bày trong màn sương sớm
Apple (España) — Phòng trưng bày Bảo tàng Trắng vào buổi trưa