
Origin Financial
Một không gian tĩnh lặng, sang trọng giữa đêm khuya. Một căn phòng yên tĩnh, gần như tối tăm, nơi những phông chữ serif lớn và một vài tấm bảng màu được chiếu sáng tạo nên cảm giác rằng tài chính là một tác phẩm nghệ thuật được tuyển chọn kỹ lưỡng.
Origin trình bày tài chính cá nhân như một phòng trưng bày về đêm: những tấm nền gần như đen tuyền, tiêu đề chữ có chân tinh tế (80-96px, Lyon Display - 300), và các thẻ tính năng màu sắc nổi bật như những bảng màu được chiếu sáng từ phía sau. Hầu hết bề mặt vẫn giữ vẻ tĩnh lặng và đơn sắc, với màu sắc bão hòa chỉ xuất hiện dưới dạng các ô danh mục toàn màn hình cho các mô-đun chi tiêu, đầu tư và dự báo, cũng như các tín hiệu dữ liệu (biểu đồ, đường biểu diễn). Kiểu chữ được chia thành ba phong cách riêng biệt: chữ có chân tương phản cao cho các tuyên bố mang tính cảm xúc, chữ không chân tân kỳ quái cho giao diện người dùng, và phông chữ đơn cách cho các tiêu đề kỹ thuật và dữ liệu viết hoa, tạo cảm giác về phong cách biên tập và độ chính xác. Hành động chính duy nhất là văn bản màu trắng trên nền đen; phần còn lại của giao diện chìm vào bóng tối.
Một nền tối trải rộng toàn bộ chiều rộng của trang (khung chứa nội dung được tối đa hóa ở 1200px, nhưng các phần được kéo dài đến tận mép). Nhịp điệu của trang xen kẽ giữa: (1) một bức ảnh nổi bật với tiêu đề được căn giữa và chú thích AI được nhúng, (2) các mô-đun toàn chiều rộng, (3) các khối thống kê #cacaca đảo ngược màu sáng để tạo độ tương phản, và (4) các dải bố cục sản phẩm với khoảng cách 90px. Tiêu đề luôn được căn giữa; các thẻ danh mục tính năng được bố trí theo lưới 3 cột với khoảng cách 12-15px. Khoảng cách dọc giữa các phần là 24-80px, tạo không gian rộng rãi giữa các mô-đun. Thanh điều hướng là một thanh trên cùng cố định với nền mờ (bộ lọc nền (24px)), chứa logo, 3 nút điều hướng mờ, một liên kết văn bản "Đăng nhập" và một nút kêu gọi hành động chính màu trắng "Bắt đầu" được căn chỉnh sang phải.
Hình ảnh phong cảnh đóng vai trò là yếu tố trung tâm (một bức ảnh toàn cảnh về mây và bầu trời với hiệu ứng dịu nhẹ, mát mẻ tạo cảm giác như một bầu trời rộng mở đầy cảm hứng hơn là thời tiết thực tế). Hình ảnh sản phẩm hiển thị ứng dụng Origin dành cho iPhone được đặt nghiêng trên nền gần như đen – thiết bị là yếu tố chính, với hiệu ứng ánh sáng thể tích tinh tế thay vì hiệu ứng chói màn hình. Không có hình minh họa, đồ họa trừu tượng hoặc ảnh phong cách sống. Các biểu tượng được tối giản, sử dụng hình ảnh SVG đơn sắc gồm các đường trắng hoặc hình bóng. Nhìn chung, văn bản chiếm ưu thế: kiểu chữ chiếm khoảng 80% trọng lượng hình ảnh, hình ảnh chỉ dành cho việc tạo không khí và giới thiệu sản phẩm.
Yêu cầu hình ảnh AI theo phong cách Origin Financial
Tạo hình ảnh theo phong cách trực quan của trang web Origin Financial ĐIỀU CẦN MÔ TẢ: [nhập chủ đề và mong muốn của bạn — ví dụ: "cốc cà phê trên bàn gỗ, ánh sáng buổi sáng"] PHONG CÁCH: Phòng trưng bày nửa đêm của sự giàu có tĩnh lặng. Một căn phòng yên tĩnh, gần như tối tăm, nơi vật thể tạo cảm giác như một tác phẩm nghệ thuật được tuyển chọn kỹ lưỡng. Những bức ảnh khí quyển với xử lý lạnh, trầm lắng, mang lại cảm giác như một bầu trời mở đầy cảm hứng. Không có hình minh họa, đồ họa trừu tượng và ảnh phong cách sống. ÁNH SÁNG VÀ VẬT LIỆU: Nền gần như đen. Ánh sáng thể tích khó nhận thấy, không có hiệu ứng chói. Ánh sáng mềm mại, khuếch tán, làm nổi bật hình dạng. Chủ đề tối chiếm ưu thế, đường viền thay vì bóng. BẢNG MÀU: Iris Gleam #847dff, Cyan Signal #00b3dd, Pale Iris #d1c9ff, Deep Iris #4b49aa, Orchid Bloom #dd90d8, Periwinkle #90b8f0, Obsidian #0f1011. BỐ CỤC KHUNG HÌNH: Yếu tố trung tâm, chiếm ưu thế trong khung hình. Ảnh toàn khung. Các đối tượng được trình bày như các yếu tố chính, với không gian đủ xung quanh trên nền tối. Định dạng rộng. YÊU CẦU: Chân thực và sạch sẽ, ánh sáng và màu sắc phải tuân thủ nghiêm ngặt bảng màu trên. KHÔNG thêm văn bản, chữ viết, số, giao diện và bố cục trang web, trừ khi được yêu cầu trong "ĐIỀU CẦN MÔ TẢ". Không có hình mờ, logo của người khác và tên thương hiệu.
Bảng màu
Thương hiệu
- Iris Gleam
#847dff— Màu chủ đạo cho các thẻ danh mục là màu tím đặc trưng, thường thấy nhất trên các ô mô-đun.
Trung lập
- Cyan Signal
#00b3dd— Tập trung vào dữ liệu – đường biểu đồ, nét vẽ biểu đồ nhỏ và các chỉ báo dự báo trên nền tối. - Pale Iris
#d1c9ff— Một sắc tím nhạt hơn, thích hợp cho các gam màu nhẹ nhàng hơn trong các bảng chủ đề và nền. - Deep Iris
#4b49aa— Biến thể màu tím đậm cho thanh danh mục và thanh trạng thái được tô bóng khi di chuột. - Orchid Bloom
#dd90d8— Thẻ danh mục màu hồng dành cho các mô-đun Phong cách sống/Chi phí tạo nên sự tương phản ấm áp với bảng màu lạnh. - Periwinkle
#90b8f0— Thẻ phân loại màu xanh nhạt dành cho các mô-đun tư vấn hoặc mô-đun dành cho các cặp đôi. - Obsidian
#0f1011— Bề mặt trang giấy là một khoảng tối nổi bật, trên đó mọi thứ đều trôi nổi.
Kiểu chữ
Từ 12 đến 96px · 7 bước
- Suisseintltrial — thay thế: Inter · phác thảo 400 · Suisseintltrial - được tìm thấy trong dữ liệu đã trích xuất nhưng không được AI mô tả.
- Lyon Display — thay thế: DM Serif Display or Playfair Display (Google Fonts) at weight 400 with manual letter-spacing tightening · phác thảo 300 · Tiêu đề và tên mục là một phong cách đặc trưng. Chỉ sử dụng phông chữ cỡ 300 (mảnh), tạo cảm giác nhẹ nhàng nhưng tự tin; kích thước cực lớn (38-96px) với khoảng cách dòng hẹp 0.9 tạo nên sự tương phản rõ nét.
- Suisse Int'l — thay thế: Inter or Geist Sans at matching weights · phác thảo 300, 400 · Văn bản chính, mô tả thẻ, văn bản liên kết và trường nhập liệu. Độ đậm 300 được sử dụng cho tiêu đề phụ của thẻ có kích thước 18px để tạo sự tương đồng tinh tế với văn bản hiển thị; độ đậm 400 được sử dụng cho văn bản giao diện người dùng chính.
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 | 12px |
| Bán kính nút | 8px |
| Bán kính thẻ | 16px |
| Bóng tối | không - viền thay vì bóng |
| Giữa các phần | 80px |
| Chiều rộng trang | 1200px |
AI sẽ xây dựng trang web của bạn theo phong cách Origin Financial 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ự
- July Fund — Một chuyên khảo trong phòng trưng bày tối với các thẻ chương màu.
- FLORA — Tranh trên nền nhung đen - một tấm vải tối màu sạch sẽ, với những hình ảnh tươi sáng là màu sắc duy nhất.
- Mercury — Bờ núi Alps lúc hoàng hôn
- Linear — dụng cụ chính xác lúc nửa đêm
- Air — Tác phẩm điêu khắc "Bầu trời đêm qua tấm kính"
- Raycast — Trung tâm chỉ huy nửa đêm, màu san hô neon
- dope.security — Nhà ga lúc nửa đêm với đèn hiệu màu tím
- Dimension — một không gian làm việc ngập ánh sáng hoàng hôn với các tấm kính mờ.
- Giga — Đường chân trời lúc nửa đêm trên nền đá obsidian phủ sương.
- Reflect Notes — Không gian tím sao lấp lánh là một đài quan sát tối tăm, nơi những nốt nhạc trôi nổi như các chòm sao trên nền khoảng không màu chàm gần như đen kịt.
- Ameba — Phòng điều khiển lúc nửa đêm – một luồng ánh sáng xanh điện bên trong các tấm kính mờ.
- Branding — Tường trưng bày màu đen, điểm nhấn màu đỏ máu - Những dòng chữ trắng lớn nổi bật trên nền tối, tạo cảm giác như một khoảng không vô định, bị gián đoạn bởi một điểm nhấn màu đỏ tươi và các yếu tố trang trí nổi bật, trông giống biển hiệu phòng trưng bày hơn là giao diện web.