Dala
một chòm sao lơ lửng trên nền nhung đen
Dala呈現 một không gian tối tăm, nơi những khoảng trống đen gặp một điểm nhấn màu tím rực rỡ duy nhất, bị gián đoạn bởi những tia sáng màu hổ phách. Kiểu chữ đồ sộ và nhẹ tênh – PPNeueMontreal, một kiểu chữ có độ dày 400, thống trị mỗi tiêu đề với kích thước quá khổ (78–113px) cùng khoảng cách chữ âm mạnh mẽ, khiến các tiêu đề trông giống như tác phẩm điêu khắc hơn là thông tin. Trung tâm thị giác là một chòm sao gồm các hạt tam giác nhỏ, nhiều màu sắc, tạo thành hình dạng não hữu cơ, đóng vai trò là dấu ấn đặc trưng của thương hiệu: kiến thức được hình dung như trí tuệ phân tán chứ không phải dữ liệu phân cấp. Bố cục tuân theo nhịp điệu hai cột rộng rãi – các tiêu đề quá khổ, căn lề trái được ghép nối với nội dung chính mở rộng, nổi bật trên nền đen sạch sẽ mà không có bảng, khung hoặc thẻ. Các thành phần được cố ý tối giản đến dạng thiết yếu nhất: một nút hình viên thuốc màu tím duy nhất, các liên kết văn bản ẩn và các khối văn bản lớn.
Các phần toàn chiều rộng được bố trí trên nền đen tuyền, với chiều rộng nội dung tối đa khoảng 1280px khi căn giữa. Phần chính có bố cục hai cột không đối xứng: tiêu đề lớn căn lề trái (113px) với văn bản chính và lời kêu gọi hành động ở nửa bên trái, trong khi hình ảnh trực quan "não hạt" chiếm nửa bên phải với kích thước khổng lồ. Các phần tiếp theo xen kẽ giữa hai cột (hình ảnh bên trái/văn bản bên phải, sau đó văn bản bên trái/hình ảnh bên phải), tạo ra nhịp điệu đọc zích zắc. Khoảng cách giữa các phần khá rộng (60–120px theo chiều dọc). Không có lưới thẻ, bảng giá hoặc mô tả tính năng nhiều cột—nội dung được sắp xếp trong các khối văn bản-hình ảnh hai cột rộng rãi. Thanh điều hướng là một thanh trên cùng trong suốt tối giản, không có thanh bên hoặc menu lớn. Mật độ các phần tử cực kỳ cao - một hoặc hai phần tử trên mỗi khung nhìn, không bao giờ bị quá tải thông tin.
Thiết kế hình ảnh hoàn toàn mang tính quy trình và trừu tượng—không sử dụng ảnh chụp ngoại trừ ảnh chân dung nhóm. Bộ nhận diện thương hiệu là một đám mây dày đặc gồm hàng ngàn hạt tam giác nhỏ li ti, được viền rõ nét, hiển thị đầy đủ các gam màu rực rỡ (tím, hổ phách, xanh ngọc, tím, xanh lam), tạo thành hình dạng não/tế bào thần kinh hữu cơ. Trường hạt này được hoạt hình hóa và đóng vai trò vừa là hình ảnh chính vừa là yếu tố nhận diện thương hiệu. Các hạt xung quanh, với mật độ thấp hơn, di chuyển trên nền trang. Các hình tam giác có đường viền, độ dày đường kẻ 1-2px, cạnh sắc nét và màu sắc phong phú, rực rỡ—không bao giờ là màu xám. Ảnh chân dung nhóm được hiển thị dưới dạng các hình chữ nhật lớn, bo tròn (bán kính 124px) không có viền hoặc chồng chéo. Không có ảnh chụp màn hình sản phẩm, không có ảnh phong cách sống, không có hình ảnh 3D—hệ thống hạt CHÍNH LÀ hình ảnh thương hiệu.
Bảng màu
Thương hiệu
- Electric Iris
#8052ff— Các nút chức năng chính, logo và các điểm nhấn thương hiệu đều có một màu tím đậm duy nhất, thể hiện tính tương tác và bản sắc thương hiệu trên nền đen.
Trung lập
- Void
#000000— Nền trang, nền các phần, khoảng trống – bề mặt chủ đạo là màu đen tuyền, không phải màu xám đậm, tạo ra một khoảng không cho phép các điểm nhấn màu sắc nổi bật tự do. - Bone White
#ffffff— Tiêu đề, văn bản chính, màu nền biểu tượng, trạng thái điều hướng đang hoạt động - đây là màu chữ duy nhất mang lại độ phân cấp tối đa trên nền đen. - Ash Gray
#9a9a9a— Văn bản điều hướng mờ nhạt, màu liên kết trong suốt và các nhãn bổ sung được ẩn sau văn bản chính mà không làm chúng biến mất. - Silver Mist
#bdbdbd— Văn bản bổ sung, thông tin ở cấp độ chú thích - màu xám nhẹ nhàng và dễ đọc nhất, để hỗ trợ ngữ cảnh. - Saffron Spark
#ffb829— Việc làm nổi bật văn bản, nhấn mạnh các liên kết và thu hút sự chú ý bằng dấu câu—màu vàng ấm áp trên nền tím tạo nên sự tương phản màu sắc cho thương hiệu. - Deep Verdant
#15846e— Việc tạo hiệu ứng màu sắc bề mặt thứ cấp, một điểm dừng logo dạng gradient, thể hiện ở cạnh tối hơn của hiệu ứng gradient thương hiệu và dưới dạng các chuyển tiếp nhấn nhá khó nhận thấy.
Kiểu chữ
Từ 12 đến 113px · 10 bước
- PPNeueMontreal — thay thế: Inter · phác thảo 200, 400, 600, 700 · Phông chữ nhất quán được sử dụng trong tất cả các ngữ cảnh giao diện người dùng. Tiêu đề ở kích thước hiển thị (78–113px) sử dụng phông chữ có độ đậm 400 với khoảng cách chữ -0.04em—cùng độ đậm với văn bản chính, nhưng kích thước lớn hơn tạo ra sự phân cấp. Phông chữ có độ đậm 200 (phông chữ siêu nhẹ) được dành riêng cho văn bản chính ở kích thước 18px; đây là quyết định đặc trưng của thương hiệu: hầu hết các trang web AI/SaaS sử dụng phông chữ 400 cho văn bản chính, nhưng Dala giảm độ đậm để giữ cho các đoạn văn thoáng đãng và không gây cảm giác khó chịu. Phông chữ có độ đậm 600 với khoảng cách chữ 14px, khoảng cách chữ 0.025em và viết hoa toàn bộ được sử dụng cho điều hướng và các tiêu đề nhỏ. Việc sử dụng phông chữ 400 cho cả tiêu đề 113px và văn bản chính 15px là điều bất thường—nó cho thấy thương hiệu dựa vào kích thước, chứ không phải độ đậm, để tạo ra sự phân cấp.
Khoảng cách và hình thức
| Mục đích | Nghĩa |
|---|---|
| Tỉ trọng | dày đặc |
| Bước cơ bản | 6-18px |
| Bán kính nút | 24px |
| Bán kính thẻ | 24px |
| Bóng tối | không - viền thay vì bóng |
| Giữa các phần | 60-120px |
| Chiều rộng trang | 1280px |
AI sẽ xây dựng trang web của bạn theo phong cách Dala 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ự
- Linear — dụng cụ chính xác lúc nửa đêm
- Resend — nhung đen với màu tím neon
- Ciridae — Một căn phòng trống trải với âm thanh rung động của những đốm than âm ỉ - một thánh đường gần như đen kịt, nơi âm thanh ấm áp duy nhất là tiếng rỉ sét mỏng manh, và mọi bề mặt đều được định hình bởi những đường nét tinh tế chứ không phải bóng tối.
- Dovetail — Bản thiết kế dưới ánh trăng đen – những đường kẻ đồ thị mờ nhạt, chữ trắng, một đốm tím lấp lánh.
- Neon — Phòng máy chủ lúc màn đêm buông xuống. Bóng tối hoàn toàn, nơi ánh sáng duy nhất đến từ dữ liệu và tương tác của người dùng.
- Discord — Thế giới game được ẩn sau cửa sổ trò chuyện bật lên - mỗi khu vực là một môi trường khép kín với ánh sáng và dàn nhân vật riêng.
- Aaru — Đài quan sát trường hạt lúc nửa đêm
- Atlas Card — Hầm Đêm Tối, với một tia sáng sapphire duy nhất, là một không gian đen kịt nơi thứ duy nhất quan trọng là màu xanh điện sâu thẳm.
- Midjourney — Một thiết bị đầu cuối phát quang sinh học ở đáy đại dương sâu thẳm. Một thế giới dưới đáy biển nơi trí tuệ tự tạo ra bằng các luồng mã ASCII và các nút điều khiển xuất hiện dưới dạng các họa tiết phát sáng mờ ảo.
- Checkly — Trung tâm điều khiển nhiệm vụ quỹ đạo sâu
- Krea — phòng trưng bày đen tối lúc nửa đêm
- Wope — Wope là một giao diện đường chân trời màu tím. Hãy tưởng tượng một chiếc bàn quan sát tối màu với ánh sáng tím chiếu ra từ bên dưới lớp kính.