Đang tải…
Đang tải…
Tài liệu sống — mọi designer, marketer và LLM dùng cho hieu.asia đều bắt đầu từ đây. Logo, màu, typography, ứng dụng và giọng nói.
Ba dạng: wordmark (đầy đủ tên), symbol mark (chữ H, dùng favicon / app icon), lockup (kết hợp). Mỗi dạng có 4 variant: gold gradient (mặc định), dark (cream trên nền tối), light (đen trên nền sáng), mono (1 màu, dùng cho in 1 màu hoặc dark theme).
Không để text / element nào trong khoảng = ½ chiều cao chữ "h".
Symbol mark ≥ 16 px · Wordmark ≥ 80 px ngang · Lockup ≥ 120 px ngang.
Click vào ô màu để copy mã hex. Mỗi tier đặt tên Tailwind tương ứng — dùng trực tiếp class bg-gold-500.
Nền và chữ chính
Vàng đồng — CTA, highlight, accent
Tím trầm — chiều sâu huyền học
Xanh ngọc — yên tâm, tin cậy
Trạng thái — thành công / cảnh báo / lỗi / thông tin
Tổ hợp gradient signature của brand
Outfit cho heading (display, geometric, sạch). Be Vietnam Pro cho body (tối ưu diacritic tiếng Việt). JetBrains Mono cho mono / code.
hieu.asia kết hợp Tử Vi cổ điển và AI hiện đại để đưa ra báo cáo cá nhân hoá. Mỗi báo cáo giải thích bằng ngôn ngữ đời thường, kèm hướng hành động cụ thể cho hôm nay.
Bạn sinh ngày bao nhiêu? Giờ sinh? Nhập một lần, hieu.asia tạo lá số Tử Vi đầy đủ — cung Mệnh, cung Tài, cung Phối — và đề xuất ba hành động ưu tiên dựa trên năng lượng năm nay.
Báo cáo không thay thế tư vấn tâm lý chuyên nghiệp. Mọi gợi ý mang tính tham khảo, người dùng tự chịu trách nhiệm quyết định.
Ảnh minh hoạ. Lá số thực được tạo từ dữ liệu cá nhân bạn cung cấp, lưu trữ mã hoá tại Cloudflare Asia-Pacific.
POST /api/reading { "kind": "tu-vi", "birthDate": "1995-04-12" }Kiểm tra toàn bộ tổ hợp dấu tiếng Việt — không ký tự nào bị mất hoặc render lệch baseline.
à á ả ã ạ
ă ằ ắ ẳ ẵ ặ
â ầ ấ ẩ ẫ ậ
è é ẻ ẽ ẹ
ê ề ế ể ễ ệ
ì í ỉ ĩ ị
ò ó ỏ õ ọ
ô ồ ố ổ ỗ ộ
ơ ờ ớ ở ỡ ợ
ù ú ủ ũ ụ
ư ừ ứ ử ữ ự
ỳ ý ỷ ỹ ỵ
đ Đ
Ăn, Ấp, Ầu, Ẩm, Ậm — Tử Vi, Hỷ Thần, Quý Nhân
Mọi tổ hợp dấu hiển thị đúng baseline. Font fallback: system-ui → Inter.
Spacing scale dùng đơn vị 4px (Tailwind default). Bám sát scale này để tránh khoảng cách "lẻ" gây mất nhịp thị giác.
p-1 / gap-1Khoảng cách icon-text trong inlinep-2 / gap-2Padding bên trong nút nhỏp-4 / gap-4Gap mặc định trong stackp-6 / gap-6Padding card · gap giữa input formp-8 / gap-8Gap section nhỏ trong pagep-12 / gap-12Gap section giữa khối lớnp-16 / gap-16Padding hero · margin block lớnp-24 / gap-24Spacing landmark — page sectionStroke 1.5 · gold tint trên nền tối. Dùng từ lucide-react. Không trộn icon set khác để giữ nhất quán đường nét.
Hieu.asia không dùng ảnh cosplay thầy bói hay bùa chú rẻ tiền. Tông cinematic, ánh sáng tự nhiên, subject nhỏ trong không gian lớn.
Bầu trời đêm sâu, nhiều sao li ti, lớp sương mờ vàng đồng. Góc rộng. Subject nhỏ, không gian lớn.
Ánh sáng vàng ấm 3200K từ một phía. Đường chỉ tay rõ. Background bokeh tối. Macro 1:1.
Sương núi Sapa / Đà Lạt buổi sớm. Tông lạnh xanh-tím trầm + highlight vàng nhạt nơi mặt trời mọc.
La bàn đồng, đá thạch anh, lá bài. Đặt trên gỗ tối. Light source thấp, đổ shadow dài. Không over-styled.
Sách Hán Nôm, mực tàu, giấy dó. Texture rõ. Tông nâu kem. Crop chéo. Không sạch quá — giữ ngẫu nhiên.
Người Việt 25-45 tuổi, ánh nhìn trầm, không cười. Một bên mặt sáng, một bên tối. Không quá retouch.
Mỗi card là CSS mockup — kiểm tra logo hoạt động ra sao trên các bề mặt khác nhau: digital, vật lý, social, presentation.
Tự hiểu mình. Quyết định tốt hơn. Giọng đồng cảm, không định mệnh hoá, không doạ nạt, không quảng cáo giật gân.
Giọng đồng cảm, có hành động
Cấm định mệnh hoá, dọa nạt
Các đường link bên dưới sẽ trỏ tới bundle thực khi có. Hiện tại copy logo bằng cách inspect SVG trên trang này hoặc copy hex từ section màu.