Bộ nhận diện TiLA Studio — logo A đã được CEO chọn (QĐ-020)

Người làm: AI-Artist · cập nhật 2026-11-13 (sau thẩm định Gate 1 vòng 1). Toàn bộ là SVG vẽ tay bằng mã, sinh bằng gen.py (chỉ cần Python 3). Nội dung do AI tạo, cần ai-legal soát nghĩa vụ gắn nhãn trước khi dùng công khai.

Dùng file nào ở đâu

Chỗ dùng	File	Ghi chú
Thanh đầu, màn ≥ 360 px	logo-a-compact.svg (nền tối) hoặc logo-a-compact-light.svg (nền sáng)	Biểu tượng + chữ TiLA. Cao 28–36 px, rộng ≈ 67–86 px
Thanh đầu, màn 320 px nếu vẫn chật	logo-a-symbol.svg	Chỉ đầu heo + xu, cao ≥ 28 px; tên công ty phải có chữ ở nơi khác trên màn hình (alt/aria-label giữ "TiLA Studio")
Thanh đầu, màn rộng; chân trang; tài liệu	logo-a.svg / logo-a-light.svg	Đầy đủ "TiLA Studio", rộng ≥ 160 px
Mục Hero	pigxel-hero.svg	Giơ xu hướng về khe trên đầu
Mục "Gặp Pigxel" (#pigxel)	pigxel-meet.svg	Toàn thân, thấy đủ 5 đặc điểm kể cả đuôi xoắn, ôm đồng xu. Không dùng pigxel-mark.svg ở mục này
Hai thẻ lĩnh vực	pigxel-saas.svg, pigxel-game.svg	Trang trí (alt="")
Trang 404	pigxel-404.svg	Khung 640 × 730 như hero, thay được ngay
Favicon (≥ 32 px) · avatar	pigxel-mark.svg	Dưới 32 px: pigxel-favicon.svg

Gợi ý alt cho hình mới (để ai-copywriter và ai-designer chốt): pigxel-meet — "Pigxel, chú heo đất hồng phấn, tai tròn, đuôi xoắn, mỉm cười, ôm một đồng xu vàng lớn; khe bỏ xu phát sáng trên đầu." (alt hiện trong content.md mục 5 nói "cầm xu gần khe", cần sửa cho khớp). pigxel-404 — khớp alt hiện có ("đang lục túi tìm gì đó").

Các bản logo A

File	Nền dùng	Nội dung
logo-a.svg	navy #020617, surface #0F172A	Biểu tượng + "TiLA" (paper) + "Studio" (mint)
logo-a-light.svg	paper #F8FAFC, trắng	Như trên; chữ TiLA navy, Studio mint_deep #0F766E (5,23:1 trên paper; mint thường chỉ 2,12:1)
logo-a-compact.svg · logo-a-compact-light.svg	tối · sáng	Biểu tượng + "TiLA"
logo-a-symbol.svg	cả hai	Chỉ đầu heo bỏ xu

Tất cả có nền trong suốt (không còn khối navy riêng: thanh đầu có thể đổi sáng/tối theo giao diện). Chữ đã được chuyển thành đường nét từ Be Vietnam Pro (ExtraBold cho TiLA, Medium cho Studio; có kerning), nên hiển thị giống nhau trên mọi máy và không cần cài font. Font giấy phép SIL OFL 1.1, nguồn github.com/google/fonts/ofl/bevietnampro (tải và đọc OFL.txt ngày 2026-11-13). Tài liệu thật cần chữ chọn được/đọc bằng máy: dùng aria-label/alt "TiLA Studio" ngoài SVG.

Quy tắc dùng

• Khoảng trống tối thiểu: bằng chiều rộng đồng xu (≈ 1/3 chiều rộng đầu heo) ở cả bốn phía; hình logo đã cắt sát, không có lề sẵn.
• Cỡ nhỏ nhất (đã kết xuất thử ở các cỡ này): đầy đủ rộng ≥ 160 px · rút gọn cao ≥ 28 px (rộng ≈ 67 px) · biểu tượng cao ≥ 28 px · pigxel-mark ≥ 32 px · dưới 32 px dùng pigxel-favicon. Không dùng dưới các cỡ này; chưa thử mức 24 px (CHƯA KIỂM CHỨNG).
• Nền được phép: file tối trên navy hoặc surface; file -light trên paper hoặc trắng. Không đặt lên ảnh nhiễu hay màu khác; không kéo giãn, đổi màu, xoay, thêm viền hay bóng. Không đè logo lên app icon.
• App icon vẫn theo quy tắc công ty (nền tràn viền, không chữ, không khung tự vẽ). pigxel-mark.svg là huy hiệu avatar/favicon, không phải app icon.

Token mở rộng (P-14)

ai-artist xác nhận về mặt thị giác: các sắc slate trong design_specs.md §2 cùng thang với navy (slate-950), surface (slate-900) và paper (slate-50), dùng được. Tương phản đã tính: slate_300 trên navy 13,59 · slate_400 trên navy 7,87, trên surface 6,96 · slate_600 trên paper 7,24, trên trắng 7,58 · mint_deep trên paper 5,23, trên trắng 5,47 · gold_deep #B45309 trên paper 4,80 · rose_deep #9D174D trên paper 7,54. Hạn chế: slate_400 không dùng làm chữ trên nền sáng (2,45:1); slate_800 trên navy/surface (1,38 / 1,22) và slate_200 trên nền sáng (1,18) chỉ để kẻ đường, không phải thông tin. Việc đưa các token này vào company/04 là thay đổi nhận diện cấp công ty: Trợ lý CEO trình CEO.

Danh sách file

logo-a*.svg (5 file, ở trên) · pigxel-mark.svg · pigxel-favicon.svg · pigxel-hero.svg · pigxel-meet.svg · pigxel-404.svg · pigxel-saas.svg · pigxel-game.svg · gen.py (sinh toàn bộ). logo-b.svg, logo-c.svg là phương án không được chọn, giữ để tham khảo, không dùng trên trang (vẫn mang nền navy và chữ <text>).

Nguồn và giấy phép

Mọi hình do AI-Artist tự vẽ bằng mã, thuộc sở hữu TiLA Studio; không dùng bitmap hay tài sản bên ngoài. Hình dạng chữ trong logo A là đường nét lấy từ Be Vietnam Pro (SIL OFL 1.1, cho phép dùng thương mại và chuyển thành đường nét). Các sắc phụ ngoài bảng màu chính: hồng sáng #FBCFE8, hồng sẫm #F58DC0, hồng mũi #9D174D, hổ phách #B45309, vàng nhạt #FDE68A, san hô #FB7185, mint đậm #0F766E, xám #CBD5E1 (đường may túi áo 404).