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
FARFETCH España — bản xem trước của một trang web theo phong cách này

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.

Farfetch hoạt động như một phòng trưng bày thời trang "khối trắng": giao diện gần như hoàn toàn không có màu sắc, cho phép hình ảnh biên tập quyết định mọi quyết định về mặt hình ảnh. Kiểu chữ đảm nhiệm toàn bộ cấu trúc – một phông chữ sans-serif hình học được thiết kế riêng (Farfetch Basis) được sử dụng với độ đậm 400 và 700, trong khi tiêu đề các mục và logo được hiển thị bằng phông chữ serif coi văn bản như một phần của bố cục. Bố cục mang tính kiến trúc: nội dung căn giữa, toàn chiều rộng, lưới sản phẩm 3 và 4 cột cứng nhắc, không gian rộng rãi cho việc đặt các mục (48–72px), và hoàn toàn không có các yếu tố trang trí. Các thành phần được loại bỏ mọi sự tô điểm – gạch chân tinh tế cho tìm kiếm, liên kết điều hướng ẩn, tên danh mục viết hoa bên dưới hình ảnh, các ô sản phẩm phẳng không có bóng hoặc viền. Màu sắc duy nhất trong hệ thống là chính các bức ảnh; giao diện là một khung, chứ không phải là hình ảnh.

Trang này có bố cục căn giữa, toàn chiều rộng với chiều rộng nội dung tối đa khoảng 1280px. Phần đầu trang là một bảng mỏng gồm ba vùng (điều hướng danh mục ở bên trái, bảng văn bản căn giữa và các biểu tượng phụ trợ ở bên phải), bên dưới là ô tìm kiếm ở bên phải. Phần đầu tiên là một lưới ba cột gồm các ô danh mục toàn chiều rộng (NỮ, NAM, TRẺ EM), mỗi ô đều có nhãn phủ lên trên. Bên dưới mỗi phần danh mục là một lưới bốn cột gồm các thẻ danh mục sản phẩm (SẢN PHẨM MỚI, QUẦN ÁO, TÚI XÁCH, GIÀY DÉP) với tiêu đề viết hoa. Tiêu đề các phần được căn giữa và viết bằng phông chữ có lề dọc khoảng 48px ở trên và dưới. Không có các sọc nền xen kẽ—toàn bộ trang là một mảng trắng liền mạch. Chân trang được đảo ngược màu thành #222222 dưới dạng một sọc tối duy nhất. Thanh điều hướng là một thanh trên cùng tối giản không có các phần tử cố định, không có menu lớn và không có thanh bên.

Hệ thống hình ảnh chủ yếu là ảnh thời trang biên tập – những hình ảnh lớn, độ phân giải cao, lấp đầy toàn bộ trang, với người mẫu trong không gian nội thất kiến trúc và cận cảnh sản phẩm. Bản thân nhiếp ảnh được thực hiện với bảng màu trầm, giảm độ bão hòa: tường bê tông, đá tự nhiên, nội thất trung tính, ánh sáng ban ngày dịu nhẹ, có hướng. Người mẫu được chụp nửa người và toàn thân, với tư thế biên tập, chứ không phải những tư thế nghiêm ngặt của catalog thương mại điện tử. Hình ảnh sản phẩm (túi xách, giày dép) được đặt riêng trên nền xám hoặc đá trung tính, không có bất kỳ bối cảnh đời sống nào – chủ thể CHÍNH là nhân vật chính. Giao diện không thêm bất kỳ yếu tố hình ảnh nào: không có biểu tượng, không có nhãn dán quảng cáo, không có khung trang trí. Tất cả sự phong phú về hình ảnh đến từ bộ phận nhiếp ảnh, chứ không phải từ hệ thống thiết kế.

Bảng màu

Trung lập

  • Carbon #222222 — Văn bản chính, văn bản trang, liên kết điều hướng, biểu tượng, logo, chân trang và tông màu gần như đen cho toàn bộ hệ thống đơn sắc.
  • Paper #ffffff — Khung trang, hình nền thẻ, bề mặt ô sản phẩm, trường nhập liệu và nền chủ đạo, khiến bức ảnh trở thành điểm nhấn màu sắc duy nhất.
  • Ash Gray #b6b6b6 — Các nét vẽ biểu tượng tinh tế, viền bổ sung, gạch chân tìm kiếm ở nền, văn bản mờ ảo trong các trường nhập liệu—tùy chọn đơn giản nhất, không trung lập về mặt văn bản.
  • Stone #f5f5f5 — Hiệu ứng chuyển tiếp khi rê chuột cho thanh điều hướng, tông màu bề mặt phụ cho các bảng phụ và nền quảng cáo, hiệu ứng chuyển tiếp mượt mà nhất trong toàn bộ các hiệu ứng.
  • Graphite #727272 — Văn bản hỗ trợ mờ, viền biểu mẫu không hoạt động và đường viền biểu tượng bị vô hiệu hóa—một màu xám trung bình báo hiệu sự giảm bớt mức độ nhấn mạnh mà không làm giảm khả năng đọc hiểu.
  • Smoke #e6e6e6 — Những đường phân chia tinh tế giữa các dãy sản phẩm, một đường nét cấu trúc gần như không thể nhận thấy trong một bố cục liền mạch.

Kiểu chữ

Từ 13 đến 30px · 3 bước

  • Farfetch Basis — thay thế: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · phác thảo 400, 700 · Phông chữ sans-serif hình học được thiết kế riêng được sử dụng cho tất cả mọi thứ hiển thị cho người dùng: các liên kết điều hướng ở kích thước 13–15px/400, văn bản chính và mô tả sản phẩm ở kích thước 15px/400, tiêu đề các mục ở kích thước 22–30px/400, và logo FARFETCH ở kích thước 700. Việc chỉ sử dụng kích thước 400 cho các tiêu đề là một bước đi có chủ ý để tránh sử dụng chữ đậm: các tiêu đề mục có độ đậm vừa phải, tự tin, nhưng không quá đậm, trong khi kích thước 700 được dành riêng cho logo và các tên danh mục thể hiện rõ nét nhất. Hình học đặc biệt này đảm bảo độ tương phản nét đồng đều và sự ấm áp tinh tế, gần gũi mà phông chữ Helvetica tiêu chuẩn không thể đạt được.

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

Mục đíchNghĩa
Tỉ trọngdày đặc
Bước cơ bản24px
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ần48-72px
Chiều rộng trang1280px

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

  • 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.
  • 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ỡ.