Telegram, WhatsApp+380637610482
Valery Danyuk
Valery Danyuknhà phát triểnPhát triển các công cụ trí tuệ nhân tạo cho doanh nghiệp. Chất lượng cao. Giá cả phải chăng.Nhắn tin qua Telegram
COS — bản xem trước của một trang web theo phong cách này

COS

một phòng trưng bày hợp thời trang với những bức tường trắng.

COS sử dụng ngôn ngữ hình ảnh của một phòng trưng bày nghệ thuật đương đại: những bức tường trắng rộng lớn, những bức ảnh đen trắng khổ lớn và kiểu chữ không làm ảnh hưởng đến các mô hình. Giao diện gần như không màu – không sắc – sử dụng màu gần đen (#080808) trên nền trắng tinh (#ffffff) làm độ tương phản cấu trúc duy nhất, với một chút màu đỏ (#c80000) được dành làm điểm nhấn tinh tế cho những khoảnh khắc cần tạo cảm giác khẩn cấp nhưng không quá phô trương. Khoảng cách giữa các phần rộng rãi và phù hợp với biên tập, với các đoạn thụt lề lên đến 135px, và các thành phần hòa quyện vào trang: viền mỏng trên #dadada, không có bóng, không có hiệu ứng chuyển màu, không có góc tròn. Kiểu chữ (SuisseIntl) là yếu tố trang trí duy nhất – một kiểu chữ kỳ quặc duy nhất được giữ nguyên từ các nhãn nhỏ 12px đến các mô tả danh mục 35px, hơi chuyển dịch về phía dương để gợi lên kiểu chữ của phòng trưng bày.

Mô hình trang toàn chiều cao—khung hình trải rộng từ cạnh này sang cạnh kia mà không có vùng chứa chiều rộng tối đa, và nội dung được cố định bằng hình ảnh và khoảng trắng phân chia thay vì cột căn giữa. Phần nổi bật là sự chia đôi theo chiều dọc 50/50 giữa hai bức chân dung biên tập toàn chiều rộng, nổi bật đến mức nó đóng vai trò như dấu ấn cấu trúc của thương hiệu. Bên dưới phần nổi bật, các phần xen kẽ giữa các khối văn bản trên nền trắng (căn giữa, trong một cột duy nhất) và các hình ảnh toàn chiều cao khác. Nhịp điệu dọc rộng rãi: khoảng trống giữa các phần tạo cảm giác không gian giữa các dải, giống như trên tường bảo tàng. Thanh điều hướng là một dải trắng mỏng duy nhất với logo căn giữa và bộ chọn ngôn ngữ căn phải—không có thanh danh mục ngang, không có menu lớn hiển thị trong khung chính. Mật độ thông tin thấp: một câu cho mỗi phần, một hình ảnh cho mỗi ý tưởng.

Những bức ảnh thời trang khổ lớn chiếm ưu thế trên trang báo—chân dung toàn trang và ảnh chụp nửa người của người mẫu, dưới ánh sáng studio được kiểm soát, chủ yếu là tông màu trung tính và dịu nhẹ với sắc ấm. Các hình ảnh được sắp xếp dày đặc, lấp đầy không gian từ cạnh này sang cạnh khác, không có góc bo tròn, mặt nạ trang trí hoặc khung chồng lên nhau. Một kỹ thuật đặc trưng là khung "hai chân dung cạnh nhau" (MUJER / HOMBRE): hai bức chân dung quan trọng như nhau được đặt cạnh nhau, mỗi bức được dán nhãn một danh mục duy nhất ở góc dưới bên trái. Các bức ảnh được đóng khung như tranh in trong phòng trưng bày—chủ thể nổi bật, bối cảnh bị lược bỏ, không có tỷ lệ người thật và bảng màu đơn sắc. Không có cảnh đời thực, không có đạo cụ, không có phông nền có kết cấu.

Bảng màu

Trung lập

  • Canvas White #ffffff — Một bề mặt sáng màu dùng để tạo phông nền không gây chú ý và phân tách các phần. Không nên sử dụng nó làm màu chủ đạo cho lời kêu gọi hành động.
  • Ink Black #080808 — Văn bản chính, biểu tượng, liên kết, kiểu điều hướng, viền nút, logo, văn bản chân trang - nên sử dụng màu nhạt hơn màu đen tuyền để tránh ảnh trông quá sắc nét khi đặt cạnh nền màu này.
  • True Black #000000 — Khi đặt văn bản chính lên trên hình ảnh tối màu, văn bản nội dung, nhãn nút - màu đen tuyền chỉ được sử dụng cho các yếu tố kiểu chữ có độ tương phản cao nhất.
  • Mist Gray #dadada — Các đường viền tinh tế, các ô nhập liệu được gạch chân, các đường phân cách nhẹ nhàng, đường viền khi bị vô hiệu hóa—màu sắc trung tính trầm lặng nhất, chỉ hiển thị qua những gì nó phân tách.
  • Signal Red #c80000 — Màu đỏ đóng vai trò như một điểm nhấn bổ sung cho các chi tiết trang trí và để nhấn mạnh các tần số thấp.

Kiểu chữ

Từ 12 đến 35px · 3 bước

  • SuisseIntl — thay thế: Neue Haas Grotesk Display · phác thảo 400, 500, 700 · Giao diện sử dụng một phông chữ duy nhất cho toàn bộ phần điều hướng, văn bản chính, tiêu đề, nút bấm và mô tả sản phẩm. Khoảng cách giữa các chữ cái lớn (0,01–0,04em) là điều bất thường đối với một phông chữ hiển thị trên màn hình và làm tăng cảm giác như một cuốn catalog in; độ đậm 700 được dành cho mô tả danh mục, 500 cho điều hướng và nút bấm, và 400 cho tất cả các phần khác. Thương hiệu được thể hiện nhất quán với một họ phông chữ duy nhất và phạm vi kích thước rất hẹp (12–35px) — phông chữ không bao giờ gây cảm giác quá tải.

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

Mục đíchNghĩa
Tỉ trọngrộng rãi
Bước cơ bản8px
Bán kính nút0px
Bán kính thẻ0px
Bóng tốikhông - viền thay vì bóng
Giữa các phần135px

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