# Hệ nhận diện thương hiệu Casso

> Bộ nhận diện chính thức của Casso và 9 thương hiệu thành viên: logo (SVG, nhiều biến thể), màu, font, linh vật Catron. Dữ liệu đầy đủ, máy đọc được, nằm ở brand.json.

- Dữ liệu đầy đủ (JSON): https://brand.casso.vn/brand.json
- Tải trọn bộ logo (ZIP): https://brand.casso.vn/a/download/casso-brand-kit.zip; từng thương hiệu: https://brand.casso.vn/a/download/<id>.zip
- Trang guideline (tài liệu, mỗi thương hiệu một chương): https://brand.casso.vn/guideline/
- Font: Be Vietnam Pro (chữ), IBM Plex Mono (nhãn kỹ thuật)
- Màu chính toàn hệ: #00A85E (Xanh Casso). Bảng màu: #00A85E Xanh Casso, #0B4A2A Xanh đậm, #4CDD9B Mint, #84F5C4 Mint sáng, #FFFFFF Trắng
- Marketing guideline: sắp ra mắt

## Thương hiệu

- [Casso](https://brand.casso.vn/guideline/#casso): màu #00A85E; logo: Ngang · Trắng https://brand.casso.vn/a/logo-casso-trang.svg, Ngang · Màu https://brand.casso.vn/a/logo-casso-mau.svg; linh vật Catron
- [Casso Flow](https://brand.casso.vn/guideline/#casso-flow): màu #00A85E, #99DCBF; logo: Ngang · Trắng https://brand.casso.vn/a/logo-casso-flow-trang.svg, Ngang · Màu https://brand.casso.vn/a/logo-casso-flow-mau.svg
- [Casso Table](https://brand.casso.vn/guideline/#casso-table): màu #00A85E, #99DCBF; logo: Ngang · Trắng https://brand.casso.vn/a/logo-casso-table-trang.svg, Ngang · Màu https://brand.casso.vn/a/logo-casso-table-mau.svg
- [Casso Xpense](https://brand.casso.vn/guideline/#casso-xpense): màu #00A85E; logo: Ngang · Trắng https://brand.casso.vn/a/logo-casso-xpense-trang.svg
- [payOS](https://brand.casso.vn/guideline/#payos): màu #00A85E; logo: Ngang · Trắng https://brand.casso.vn/a/logo-payos-trang.svg, Ngang · Màu https://brand.casso.vn/a/logo-payos-mau.svg
- [Casso Capital](https://brand.casso.vn/guideline/#casso-capital): màu #00A85E, #119D00, #4CF000, #04653A, #07AF55; logo: Ngang · Trắng https://brand.casso.vn/a/logo-casso-capital-trang.svg, Ngang · Màu https://brand.casso.vn/a/logo-casso-capital-mau.svg, Dọc · Trắng https://brand.casso.vn/a/logo-casso-capital-doc-trang.svg, Dọc · Màu https://brand.casso.vn/a/logo-casso-capital-doc-mau.svg; linh vật Catron
- [XInvoice](https://brand.casso.vn/guideline/#xinvoice): màu #00A85E; logo: Ngang · Trắng https://brand.casso.vn/a/logo-xinvoice-trang.svg, Ngang · Màu https://brand.casso.vn/a/logo-xinvoice-mau.svg, Dọc · Trắng https://brand.casso.vn/a/logo-xinvoice-doc-trang.svg, Dọc · Màu https://brand.casso.vn/a/logo-xinvoice-doc-mau.svg
- [KySoQR](https://brand.casso.vn/guideline/#kysoqr): màu #00A85E; logo: Ngang · Trắng https://brand.casso.vn/a/logo-kysoqr-trang.svg, Ngang · Màu https://brand.casso.vn/a/logo-kysoqr-mau.svg, Dọc · Trắng https://brand.casso.vn/a/logo-kysoqr-doc-trang.svg, Dọc · Màu https://brand.casso.vn/a/logo-kysoqr-doc-mau.svg
- [Quán X](https://brand.casso.vn/guideline/#quan-x): màu #00A85E, #00542F; logo: Ngang · Trắng https://brand.casso.vn/a/logo-quan-x-trang.svg, Ngang · Đen https://brand.casso.vn/a/logo-quan-x-den.svg, Ngang · Màu https://brand.casso.vn/a/logo-quan-x-mau.svg
- [Cas ID](https://brand.casso.vn/guideline/#cas-id): màu #111111 và #FFFFFF; logo: Ngang · Trắng https://brand.casso.vn/a/logo-cas-id-trang.svg, Ngang · Đen https://brand.casso.vn/a/logo-cas-id-den.svg

## Linh vật Catron

- Playground linh vật (xem thử, tải pose Lottie JSON, PNG, mã nhúng): https://brand.casso.vn/mascot/
- Dữ liệu linh vật (JSON): https://brand.casso.vn/a/mascot/library.json
- Quy tắc: Dùng đúng file trong thư viện, không vẽ lại hay đổi màu; Giữ nguyên tỉ lệ, không kéo giãn, không cắt mất tai, tay, áo choàng; Đặt trên nền trơn: xanh Casso, xanh đậm hoặc trắng; Không thêm chữ lên người Catron; Không để Catron cầm vũ khí, rượu bia, tiền mặt
- Pose Lottie Lao tới (dùng cho trạng thái đang xử lý, chờ kết quả): https://brand.casso.vn/a/catron-loading.json
- Pose Lottie Kéo (dùng cho kéo để tải lại, kéo thả, thao tác vuốt): https://brand.casso.vn/a/catron-pull.json

### Tạo ảnh Catron bằng AI

Có 2 nhân vật, mỗi nhân vật một character sheet và một prompt. Dữ liệu máy đọc: brand.json → brands[id].mascot.generate.

#### Catron Original (brands[id=casso])

Đính kèm character sheet làm ảnh tham chiếu, thay phần trong ngoặc vuông bằng dáng và bối cảnh cần vẽ, rồi dán prompt.

- Character sheet: https://brand.casso.vn/a/mascot/catron-original-sheet.png
- Bộ cũ, Bảng rig 2D: https://brand.casso.vn/a/catron/catron-cheatsheet.png

Prompt:

```
Use the attached character sheet as the exact reference for Catron, the superhero cat mascot of Casso. Keep his design identical to the sheet and draw him in the same clean 2D cartoon style: soft green shapes in two tones with a thin dark green outline. A compact chibi character: the big round head with two cat ears is about half of the total height; a short, soft, rounded torso, cute like a plush toy, not muscular; soft round arms; short, thick, sturdy legs. A mint-green visor mask band across the face with two big angled white eyes, a small black nose and a thin dark ω-shaped cat mouth, no eyebrows. Dark green headphones with white ear pads on both ears. A round chest badge: a white ring with the white Casso cat-mask symbol on dark green. A dark green cape. White cartoon gloves with four chubby rounded fingers including a thumb. Plain white boots without cuff. He looks calm and confident. Use only these colors: #00A85E, #0B4A2A, #4CDD9B, #84F5C4, #FFFFFF.
Pose and scene: [describe the pose, action and background here].
Only one character, full body, nothing cut off, no text.
```

Negative prompt:

```
muscular, biceps, pecs, V-shaped torso, broad chest, skinny body, long torso, long legs, tall, small head, boot cuff, claws, sharp nails, eyebrows, open mouth, teeth, 3D render, photorealistic, realistic fur, extra limbs, two characters, different colors, text, letters, watermark
```

#### Catron Capital (brands[id=casso-capital])

Đính kèm character sheet làm ảnh tham chiếu, thay phần trong ngoặc vuông bằng dáng và bối cảnh cần vẽ, rồi dán prompt. Catron Capital chỉ dùng trong Casso Capital, không đặt chung khung với Catron Original.

- Character sheet: https://brand.casso.vn/a/mascot/catron-capital-sheet.png

Prompt:

```
Use the attached character sheet as the exact reference for Catron Capital, the chubby version of the Casso superhero cat mascot, used only for Casso Capital. Keep his design identical to the sheet and draw him in the same clean 2D cartoon style: solid green shapes in two tones with a thin dark green outline. A tiny, squat, compact character only about two heads tall, like a small lucky God of Wealth figurine: the big round head with two cat ears sits directly on a round, ball-shaped well-fed body with no neck, very short stubby legs mostly hidden under the belly, only the white boots showing. He looks prosperous, classy and content, with a calm, satisfied smile. A mint-green visor mask band across the face with two white eyes, a small black nose and a thin dark ω-shaped smiling mouth, no eyebrows. Dark green headphones with white ear pads on both ears. A round chest badge: a white ring with the white Casso cat-mask symbol on dark green. A dark green cape. He carries a dark green briefcase with a mint frame and the white crescent symbol. White gloves and white boots like the sheet. Use only these colors: #00A85E, #0B4A2A, #4CDD9B, #84F5C4, #FFFFFF.
Pose and scene: [describe the pose, action and background here].
Only one character, never together with the original Catron, full body, nothing cut off, no text.
```

Negative prompt:

```
tall body, long body, long legs, visible legs, neck, huge belly, obese, slim, muscular, claws, eyebrows, open mouth, teeth, 3D render, photorealistic, extra limbs, two characters, different colors, text, letters, watermark
```

## Cách dùng

- Dùng đúng file logo trong bộ này: không vẽ lại, không đổi màu, không kéo giãn, không thêm hiệu ứng.
- Logo trắng đặt trên nền xanh Casso hoặc nền tối; logo màu và logo đen đặt trên nền trắng hoặc nền sáng.
- Chọn logo ngang cho thanh đầu trang và chỗ hạn chế chiều cao; logo dọc cho ô vuông, avatar, ấn phẩm khổ đứng.
- Ưu tiên SVG; chỉ dùng WebP khi nền tảng không nhận SVG.