
Ventriloc
Một đài quan sát biên tập dữ liệu trên giấy ấm - một đốm than cam duy nhất làm nổi bật độ chính xác đơn sắc.
Ventriloc sử dụng giọng văn nhẹ nhàng, mang tính biên tập: một nền trắng ấm áp, sắc nét, các thẻ dữ liệu có độ chính xác cao, được căn chỉnh theo khoảng cách chữ đồng nhất, và một màu than cam duy nhất làm điểm nhấn cho nền đơn sắc như một chiếc bút dạ quang trên bản báo cáo in. Hệ thống này kết hợp kiểu chữ neo-grotesque được thiết kế riêng (PolySans) với độ đậm 400 điểm cho tiêu đề—một sự tiết chế bất thường, hy sinh sự uy quyền thông qua số lượng để đổi lấy sự uy quyền thông qua độ chính xác—với kiểu chữ Inter cho nội dung chính và các yếu tố giao diện. Bề mặt có màu xám và kem ấm áp thay vì màu xanh lam công nghệ lạnh lẽo, các thẻ có các góc bo tròn không đối xứng (góc trên bên phải sắc nhọn, các góc khác mềm mại), và các yếu tố tương tác được chia thành hai kiểu riêng biệt: các nút kiểu văn bản góc cạnh sắc nét và các hộp điều hướng hình viên thuốc. Màu sắc được sử dụng một cách tiết kiệm: các trang nên được thiết kế theo phong cách không màu trong 95% trường hợp, và màu cam chỉ được sử dụng như dấu chấm câu chức năng để làm nổi bật, gạch chân các liên kết và các điểm nhấn trang trí của dữ liệu.
Khung chứa có chiều rộng tối đa 1200px, căn giữa, với khoảng cách rộng 80px giữa các phần. Phần tử chính được chia thành hai cột: bên trái là tiêu đề, văn bản phụ và hai nút kêu gọi hành động; bên phải là một nhóm ba thẻ dữ liệu chồng lên nhau (biểu đồ tài chính, thống kê doanh thu, biểu đồ lợi nhuận) nổi trên nền trắng. Bên dưới phần tử chính là một dải logo đối tác trải rộng toàn bộ chiều ngang trên nền trắng. Các phần tiếp theo xen kẽ giữa các sọc màu xám tro (#efefef) và màu trắng. Thanh điều hướng là một khung chứa hình viên thuốc nổi, căn giữa phần tiêu đề, với logo thương hiệu được căn trái và nút "Liên hệ với chúng tôi" màu tối được căn phải. Tổng thể bố cục rộng rãi và mang tính biên tập – lề rộng, các phần cao và các thẻ dữ liệu là điểm nhấn trực quan duy nhất ngoài kiểu chữ.
Thiết kế trực quan gần như hoàn toàn dựa trên dữ liệu: các tiện ích biểu đồ (biểu đồ đường, thanh tiến độ hình tròn, thẻ thống kê) được thiết kế theo phong cách phẳng, tối giản với các đường kẻ mỏng màu cam và đồng thau trên nền bìa cứng màu trắng. Không có ảnh đời sống, ảnh có sẵn, hay hình minh họa nào trên trang chủ. Nội dung hình ảnh duy nhất là logo của đối tác/khách hàng, được trình bày bằng màu than chì đơn sắc. Ngôn ngữ hình ảnh gần giống với một báo cáo thường niên in ấn hơn là một trang web SaaS điển hình — các biểu đồ CHÍNH LÀ hình ảnh. Các biểu tượng mỏng, đơn sắc và có màu than chì, xuất hiện rất ít trong thanh điều hướng và tiêu đề thẻ.
Bảng màu
Thương hiệu
- Ember Orange
#ff682c— Màu cam được dùng để làm nổi bật các liên kết, thẻ và cụm từ ngắn. Không nên sử dụng màu cam làm màu chủ đạo cho các lời kêu gọi hành động.
Trung lập
- Graphite
#202020— Văn bản chính, tiêu đề, liên kết điều hướng, đường viền biểu tượng – đây là nền tảng về mặt kiểu chữ của mọi yếu tố giao diện. - Canvas White
#ffffff— Nền trang, độ nổi của thẻ, màu nền biểu tượng — bề mặt sáng nhất trong hệ thống. - Ash
#efefef— Nền chính của thẻ và phần, cũng như vùng chứa thanh điều hướng, chủ yếu là bề mặt màu xám ấm. - Fog
#f5f5f5— Một tông màu nền tinh tế cho các bề mặt lồng nhau và các vật chứa phụ. - Ivory
#ebe6dd— Nền màu ấm áp làm điểm nhấn cho các khối chính - tạo cảm giác như giấy. - Steel
#4d4d4d— Văn bản chính thứ cấp, đoạn văn dài
Kiểu chữ
Từ 14 đến 66px · 5 bước
- PolySans — thay thế: Inter Tight or Space Grotesk at weight 400 · phác thảo 400 · Tiêu đề và Văn bản Trang trí - Một kiểu chữ tân kỳ dị được thiết kế riêng, chỉ sử dụng ở độ đậm 400 và khoảng cách chữ -0.02em, tạo nên một phong thái biên tập tinh tế mà không một tiêu đề in đậm nào có thể bắt chước được.
- Inter — thay thế: system-ui or Roboto · phác thảo 400, 500, 600 · Văn bản chính, nhãn phần tử giao diện người dùng, văn bản nút, tiêu đề, siêu dữ liệu - một phông chữ sans-serif đa năng cho mọi thứ không phải là tiêu đề.
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 | 20px |
| Bán kính nút | 0px |
| Bán kính thẻ | 8px |
| 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 Ventriloc 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ự
- Ui — Kế hoạch lâm sàng trên giấy mờ
- Geniestudio — Một cuốn sổ tay dùng trong ánh sáng dịu nhẹ ban ngày—loại có lề rộng và nét bút dày.
- xAI — Phòng thí nghiệm kem ấm với viên thuốc đen
- Cal — Tính thực dụng đơn sắc, một cách tiếp cận nhân văn. Một hệ thống ưu tiên sự rõ ràng và chức năng thông qua bảng màu đen trắng nghiêm ngặt, nhưng được làm dịu đi bằng kiểu chữ thân thiện và các hình dạng bo tròn.
- Scale — Một phòng lab ảnh chất lượng cao đạt chuẩn bảo tàng kết hợp với một dự án kỹ thuật.
- Contractbook — những hợp đồng giấy màu kem dưới bầu trời xanh thẳm
- AutoSend — Một studio bằng đá ấm cúng với một ánh đèn tím duy nhất—nơi những tiêu đề in hoa và những lời kêu gọi hành động màu chàm tươi sáng cùng tồn tại trong một không gian yên tĩnh, gần như trắng xóa.
- Air — Tác phẩm điêu khắc "Bầu trời đêm qua tấm kính"
- SpatialChat — xung tím trên giấy da trắng
- Squarespace — Bộ sưu tập ảnh đơn sắc điện ảnh
- Giga — Đường chân trời lúc nửa đêm trên nền đá obsidian phủ sương.
- Supabase — Một trình soạn thảo mã vào lúc nửa đêm với một chấm xanh phát quang - một xung màu duy nhất trên biển bụi than.