ORYZO AI
Một bài luận ảnh về phòng tối. Một vật thể đơn độc lơ lửng trong bóng tối ấm áp, phông chữ màu kem là điểm nhấn duy nhất.
Hệ thống hình ảnh của ORYZO coi mỗi sản phẩm riêng lẻ như một tác phẩm nghệ thuật trong bảo tàng: một bức tranh với tông màu ấm áp, tối, kiểu chữ mềm mại nổi bật trong không gian âm rộng lớn, và hoàn toàn không có các yếu tố giao diện cạnh tranh với hình thức. Tất cả các yếu tố văn bản đều được viết in hoa với cỡ chữ 500, ngoại trừ phần nội dung chính ở kích thước 29px/400, đây là yếu tố hội thoại duy nhất của hệ thống. Một màu cam tươi sáng duy nhất chỉ được sử dụng cho các dòng ghi chú nguồn và liên kết studio—không bao giờ được sử dụng cho các nút hoặc lời kêu gọi hành động—do đó nó rất hiếm khi được sử dụng. Bố cục luân phiên giữa hai chế độ: chế độ hình ảnh chính (sản phẩm trong bối cảnh với các công cụ và vật liệu) và chế độ hiển thị dựa trên khoảng trống (sản phẩm được tách biệt trên nền tối ấm áp), được kết nối bằng các đường phân cách mỏng, chấm và các nút điều khiển hình viên thuốc.
Toàn bộ trang không giới hạn chiều rộng—không có vùng chứa chiều rộng tối đa, và mỗi phần chiếm 100vw. Màn hình chính: ảnh toàn màn hình từ trên xuống dưới với logo ORYZO khổng lồ (51px+) ở góc trên bên trái, khẩu hiệu phía trên, thanh điều hướng tối giản cố định ở góc trên bên phải, thanh bên dọc theo cạnh phải, thẻ thông tin mờ ở góc dưới bên trái và hình thu nhỏ video ở góc dưới bên phải. Các phần tiếp theo: một khung nền Walnut Shadow toàn màn hình với hình ảnh 3D sản phẩm được căn giữa, bao quanh bởi tiêu đề căn trái và nội dung căn phải—lưới ba cột (văn bản/đối tượng/văn bản) với khoảng cách rộng 18px. Chuyển tiếp giữa các phần mượt mà, màu tối trên nền tối; chỉ có các đường phân cách chấm mỏng là điểm ngắt. Thanh điều hướng cố định, trong suốt, với tối đa 4 phần tử. Không có thanh bên, không có viền ở chân trang, không có thẻ lồng thẻ—mỗi màn hình đều tạo cảm giác như một thể thống nhất.
Các bức ảnh mang tính chất biên tập, được chụp từ góc nhìn từ trên xuống và trong bối cảnh cụ thể: một miếng lót ly bằng nút bần đặt trên một tấm thảm cắt màu xanh lá cây, xung quanh là bút chì, dao thủ công và kẹp giấy – những dụng cụ nghề nghiệp có thể nhìn thấy trong khung hình. Tấm thảm cắt màu xanh lá cây (#445231) chỉ là một yếu tố hiển thị, không phải là yếu tố giao diện người dùng. Các phần dành cho việc giới thiệu sản phẩm chủ yếu là hình ảnh 3D: miếng lót ly bằng nút bần được hiển thị riêng biệt trên nền màu Walnut Shadow, được chiếu sáng từ phía trên bên phải bằng ánh sáng viền ấm áp, với các góc chụp xen kẽ từ từ trên xuống đến ba phần tư. Không có ảnh chụp đời sống, không có người, không có hình ảnh có sẵn – vật thể là nhân vật chính, và các dụng cụ là bối cảnh của nó. Các hình ảnh chiếm toàn bộ màn hình, có các cạnh sắc nét (không có mặt nạ bo tròn), và được xử lý với độ tương phản cao và hiệu chỉnh màu ấm.
Bảng màu
Trung lập
- Warm Cream
#ffedd7— Chữ sáng trên nền tối, chú thích đảo ngược và hình ảnh có độ tương phản cao. - Walnut Shadow
#100904— Nền trang và phần sâu nhất có màu ấm, gần như đen, nhưng không phải đen tuyền. Một khoảng trống ẩn hiện sau mỗi thông báo sản phẩm. - Bark Brown
#382416— Bề mặt nổi và nền được tô kín của nút có màu cao hơn một bậc so với nền, được sử dụng cho một lời kêu gọi hành động duy nhất, liên tục. - Cork Border
#40372e— Những đường phân chia tinh tế, những đường chấm phân vùng, những đường viền hộp đựng gần như không thể nhận thấy – ấm áp hơn cả chính bức tranh. - Driftwood
#6c5f51— Màu xám trung tính ấm áp này thích hợp cho các vách ngăn phụ và các yếu tố cấu trúc có độ tương phản thấp, tạo sự chuyển tiếp giữa màu Bark và Cream. - Ember Accent
#dc5000— Màu cam được sử dụng để làm nổi bật các liên kết, thẻ và cụm từ ngắn.
Kiểu chữ
Từ 18 đến 51px · 5 bước
- halyard-display-variable — thay thế: Inter or Söhne · phác thảo 400, 500 · Chỉ sử dụng một phông chữ duy nhất. Phông chữ có độ đậm 500 và khoảng cách giữa các chữ là 51px được dùng cho tiêu đề, thể hiện sự tự tin đặc biệt trong việc sử dụng chữ in hoa; cùng một phông chữ đó nhưng với độ đậm 400/khoảng cách 29px sẽ trở thành phông chữ duy nhất cho văn bản chính, sử dụng cả chữ thường và chữ hoa. Khoảng cách giữa các chữ vẫn giữ nguyên tiêu chuẩn—các hình dạng hình học thực hiện tốt chức năng của chúng mà không bị nén. Để có cấu trúc phù hợp hơn, bạn có thể sử dụng 'Inter', 'Söhne' hoặc 'Neue Haas Grotesk'.
- Arial — thay thế: system-ui · phác thảo 400, 500 · Một phương án dự phòng trên toàn hệ thống cho các nhãn pháp lý siêu nhỏ (chữ in hoa 8px, ví dụ: "* ADOBE ILLUSTRATOR"). Đây không phải là quyết định thiết kế, mà là yêu cầu đối với các tuyên bố từ chối trách nhiệm được tạo tự động bởi hệ thống.
Khoảng cách và hình thức
| Mục đích | Nghĩa |
|---|---|
| Tỉ trọng | trung bình |
| Bước cơ bản | 18px |
| Bán kính nút | 8px |
| Bán kính thẻ | 12px |
| Bóng tối | không - viền thay vì bóng |
AI sẽ xây dựng trang web của bạn theo phong cách ORYZO AI 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ự
- 21 TSI — Một khoảng không đỏ thẫm, một bóng hình đơn độc – một bài biên tập thời trang cao cấp nơi giao diện người dùng tan biến vào không gian.
- Ysl — Một cảnh trích từ phim đen trắng - chỉ có một mẫu thiết kế dưới một logo, không được phép có bất cứ thứ gì khác.
- Channel Studio — Một phòng lab ảnh studio với một chụp đèn màu san hô.
- Assembly Coffee London — Than hồng trong một xưởng rang cà phê tối tăm. Một phông nền gần như đen kịt với những bức ảnh sản phẩm được chiếu sáng mờ ảo, ấm áp và kiểu chữ viết tay uốn lượn – mang đến cảm giác của một thực đơn cà phê đặc sản được in lén lút vào lúc nửa đêm.
- PostNew — Một phòng trưng bày mở cửa sau giờ làm việc và được thiết kế theo ánh sáng ban ngày.
- Factory — Màn hình điều khiển "phòng tác chiến" lúc nửa đêm. "Nhà máy" là một bảng điều khiển màu đen tuyền, nơi một tấm thẻ trắng duy nhất đáp xuống như một thông điệp được chiếu sáng bằng đèn pin—vật thể duy nhất trong căn phòng là chính công việc đang được thực hiện.
- Numbered — Một buổi chụp ảnh thời trang trên nền nhung đen. Sàn catwalk gần như đen kịt, nơi khung hình chỉ có một khuôn mặt duy nhất, điểm nhấn là mực trắng và một sợi chỉ đồng gần như không thể nhận ra.
- Apple (España) — Nhà hát màu đen với các thiết bị chiếu sáng.
- Home page | Impossible Foods — Một tấm áp phích punk màu đỏ máu trên nền đen như nhung. Một biểu ngữ được thiết kế riêng, nén lại, nhòe đi trên nền vải màu rượu vang, trong khi những lời kêu gọi hành động màu đỏ đậm nổi bật lên như một tấm nhãn giá trên thớt của người bán thịt.
- Ferrari — Một bức tranh cavallino đầy sôi động trên nền đá cẩm thạch đen. Những khoảng trống đen kịt bị gián đoạn bởi màu đỏ Ferrari không thể nhầm lẫn, những chữ cái in hoa màu trắng và những cảnh quay toàn cảnh rộng lớn như trong phim.
- OpenSea — Màn hình giao dịch màu đen với khung màu xanh lam mờ.
- Arthursimonini — Chương trình chiếu phim được in bằng mực đen.