{
  "name": "Hệ nhận diện thương hiệu Casso",
  "site": "https://brand.casso.vn",
  "version": "v0.1.1",
  "language": "vi",
  "font": {
    "family": "Be Vietnam Pro",
    "source": "https://fonts.google.com/specimen/Be+Vietnam+Pro",
    "mono": "IBM Plex Mono"
  },
  "palette": [
    {
      "token": "accent",
      "scale": "casso-9",
      "hex": "#00A85E",
      "name": "Xanh Casso",
      "role": "Màu chính"
    },
    {
      "token": "brand-deep",
      "scale": "casso-12",
      "hex": "#0B4A2A",
      "name": "Xanh đậm",
      "role": "Chữ, nền tối, viền"
    },
    {
      "token": "brand-mint",
      "scale": "casso-8",
      "hex": "#4CDD9B",
      "name": "Mint",
      "role": "Nhấn, trạng thái"
    },
    {
      "token": "brand-glow",
      "scale": "casso-7",
      "hex": "#84F5C4",
      "name": "Mint sáng",
      "role": "Phát sáng, viền sáng"
    },
    {
      "token": "surface",
      "scale": "white",
      "hex": "#FFFFFF",
      "name": "Trắng",
      "role": "Nền sáng, logo trên nền xanh"
    }
  ],
  "designTokens": [
    {
      "token": "accent",
      "scale": "casso-9",
      "hex": "#00A85E",
      "role": "Màu nhấn chính"
    },
    {
      "token": "fg",
      "scale": "zen-gray-12",
      "hex": "#0D0D0D",
      "darkHex": "#F5F5F5",
      "role": "Chữ chính"
    },
    {
      "token": "canvas",
      "scale": "zen-gray-2",
      "hex": "#F7F7F7",
      "darkHex": "#111111",
      "role": "Nền giao diện"
    },
    {
      "token": "surface",
      "scale": "zen-gray-1",
      "hex": "#FFFFFF",
      "darkHex": "#191919",
      "role": "Nền thẻ / khối"
    },
    {
      "token": "positive",
      "scale": "lime-9",
      "hex": "#6ED507",
      "role": "Trạng thái thành công"
    },
    {
      "token": "negative",
      "scale": "tomato-9",
      "hex": "#E5532E",
      "role": "Trạng thái lỗi / cảnh báo"
    },
    {
      "token": "warning",
      "scale": "yellow-9",
      "hex": "#FFBA1A",
      "role": "Trạng thái chú ý"
    },
    {
      "token": "info",
      "scale": "blue-9",
      "hex": "#0A85FF",
      "role": "Trạng thái thông tin"
    }
  ],
  "usage": [
    "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."
  ],
  "brands": [
    {
      "id": "casso",
      "index": 1,
      "name": "Casso",
      "url": "https://brand.casso.vn/guideline/#casso",
      "colors": [
        {
          "hex": "#00A85E",
          "name": "Xanh Casso",
          "role": "Màu chính"
        }
      ],
      "logoGradient": false,
      "logos": [
        {
          "layout": "ngang",
          "tone": "trang",
          "label": "Ngang · Trắng",
          "use": "nền xanh Casso hoặc nền tối",
          "svg": "a/logo-casso-trang.svg",
          "webp": "a/logo-casso-trang.webp"
        },
        {
          "layout": "ngang",
          "tone": "mau",
          "label": "Ngang · Màu",
          "use": "nền trắng hoặc nền sáng",
          "svg": "a/logo-casso-mau.svg"
        }
      ],
      "symbols": [
        "a/symbol/casso-symbol-mau.svg",
        "a/symbol/casso-symbol-trang.svg"
      ],
      "marketingGuideline": {
        "status": "upcoming",
        "note": "Sắp ra mắt"
      },
      "mascot": {
        "used": true,
        "name": "Catron",
        "variant": "Catron Original",
        "note": "Catron, siêu mèo canh giữ dòng tiền, là linh vật chính của Casso.",
        "page": "https://brand.casso.vn/mascot/",
        "library": "https://brand.casso.vn/a/mascot/library.json",
        "generate": {
          "howTo": "Đí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.",
          "reference": "a/mascot/catron-original-sheet.png",
          "referencePreview": "a/mascot/catron-original-sheet.webp",
          "oldSheets": [
            {
              "label": "Bảng rig 2D",
              "file": "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.\nPose and scene: [describe the pose, action and background here].\nOnly one character, full body, nothing cut off, no text.",
          "negativePrompt": "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"
        }
      },
      "download": "https://brand.casso.vn/a/download/casso.zip",
      "appIcon": "a/icon/casso-app-icon.svg",
      "splash": "a/splash/casso-splash.json"
    },
    {
      "id": "casso-flow",
      "index": 2,
      "name": "Casso Flow",
      "url": "https://brand.casso.vn/guideline/#casso-flow",
      "colors": [
        {
          "hex": "#00A85E",
          "name": "Xanh Casso",
          "role": "Màu chính"
        },
        {
          "hex": "#99DCBF",
          "name": "Mint nhạt",
          "role": "Màu trong logo"
        }
      ],
      "logoGradient": false,
      "logos": [
        {
          "layout": "ngang",
          "tone": "trang",
          "label": "Ngang · Trắng",
          "use": "nền xanh Casso hoặc nền tối",
          "svg": "a/logo-casso-flow-trang.svg",
          "webp": "a/logo-casso-flow-trang.webp"
        },
        {
          "layout": "ngang",
          "tone": "mau",
          "label": "Ngang · Màu",
          "use": "nền trắng hoặc nền sáng",
          "svg": "a/logo-casso-flow-mau.svg"
        }
      ],
      "symbols": [
        "a/symbol/casso-flow-symbol-mau.svg",
        "a/symbol/casso-flow-symbol-trang.svg"
      ],
      "marketingGuideline": {
        "status": "upcoming",
        "note": "Sắp ra mắt"
      },
      "mascot": {
        "used": false,
        "variant": null,
        "note": "Không có linh vật riêng; dùng biểu tượng dòng chảy của Casso Flow. Chỉ đi kèm Catron Original trong ấn phẩm chung của hệ sinh thái Casso."
      },
      "download": "https://brand.casso.vn/a/download/casso-flow.zip",
      "appIcon": "a/icon/casso-flow-app-icon.svg",
      "splash": "a/splash/casso-flow-splash.json"
    },
    {
      "id": "casso-table",
      "index": 3,
      "name": "Casso Table",
      "url": "https://brand.casso.vn/guideline/#casso-table",
      "colors": [
        {
          "hex": "#00A85E",
          "name": "Xanh Casso",
          "role": "Màu chính"
        },
        {
          "hex": "#99DCBF",
          "name": "Mint nhạt",
          "role": "Màu trong logo"
        }
      ],
      "logoGradient": false,
      "logos": [
        {
          "layout": "ngang",
          "tone": "trang",
          "label": "Ngang · Trắng",
          "use": "nền xanh Casso hoặc nền tối",
          "svg": "a/logo-casso-table-trang.svg",
          "webp": "a/logo-casso-table-trang.webp"
        },
        {
          "layout": "ngang",
          "tone": "mau",
          "label": "Ngang · Màu",
          "use": "nền trắng hoặc nền sáng",
          "svg": "a/logo-casso-table-mau.svg"
        }
      ],
      "symbols": [
        "a/symbol/casso-table-symbol-mau.svg",
        "a/symbol/casso-table-symbol-trang.svg"
      ],
      "marketingGuideline": {
        "status": "upcoming",
        "note": "Sắp ra mắt"
      },
      "mascot": {
        "used": false,
        "variant": null,
        "note": "Không có linh vật riêng; dùng biểu tượng bảng của Casso Table. Chỉ đi kèm Catron Original trong ấn phẩm chung của hệ sinh thái Casso."
      },
      "download": "https://brand.casso.vn/a/download/casso-table.zip",
      "appIcon": "a/icon/casso-table-app-icon.svg",
      "splash": "a/splash/casso-table-splash.json"
    },
    {
      "id": "casso-xpense",
      "index": 4,
      "name": "Casso Xpense",
      "url": "https://brand.casso.vn/guideline/#casso-xpense",
      "colors": [
        {
          "hex": "#00A85E",
          "name": "Xanh Casso",
          "role": "Màu chính"
        }
      ],
      "logoGradient": false,
      "logos": [
        {
          "layout": "ngang",
          "tone": "trang",
          "label": "Ngang · Trắng",
          "use": "nền xanh Casso hoặc nền tối",
          "svg": "a/logo-casso-xpense-trang.svg",
          "webp": "a/logo-casso-xpense-trang.webp"
        }
      ],
      "symbols": [
        "a/symbol/casso-xpense-symbol-mau.svg",
        "a/symbol/casso-xpense-symbol-trang.svg"
      ],
      "marketingGuideline": {
        "status": "upcoming",
        "note": "Sắp ra mắt"
      },
      "mascot": {
        "used": false,
        "variant": null,
        "note": "Không có linh vật riêng; dùng biểu tượng ví chi tiêu của Casso Xpense. Chỉ đi kèm Catron Original trong ấn phẩm chung của hệ sinh thái Casso."
      },
      "download": "https://brand.casso.vn/a/download/casso-xpense.zip",
      "appIcon": "a/icon/casso-xpense-app-icon.svg",
      "splash": "a/splash/casso-xpense-splash.json"
    },
    {
      "id": "payos",
      "index": 5,
      "name": "payOS",
      "url": "https://brand.casso.vn/guideline/#payos",
      "colors": [
        {
          "hex": "#00A85E",
          "name": "Xanh Casso",
          "role": "Màu chính"
        }
      ],
      "logoGradient": false,
      "logos": [
        {
          "layout": "ngang",
          "tone": "trang",
          "label": "Ngang · Trắng",
          "use": "nền xanh Casso hoặc nền tối",
          "svg": "a/logo-payos-trang.svg",
          "webp": "a/logo-payos-trang.webp"
        },
        {
          "layout": "ngang",
          "tone": "mau",
          "label": "Ngang · Màu",
          "use": "nền trắng hoặc nền sáng",
          "svg": "a/logo-payos-mau.svg"
        }
      ],
      "symbols": [
        "a/symbol/payos-symbol-mau.svg",
        "a/symbol/payos-symbol-trang.svg"
      ],
      "marketingGuideline": {
        "status": "upcoming",
        "note": "Sắp ra mắt"
      },
      "mascot": {
        "used": false,
        "variant": null,
        "note": "Không dùng linh vật Catron; thương hiệu độc lập, chỉ dùng biểu tượng mèo payOS trong logo."
      },
      "download": "https://brand.casso.vn/a/download/payos.zip",
      "appIcon": "a/icon/payos-app-icon.svg",
      "splash": "a/splash/payos-splash.json"
    },
    {
      "id": "casso-capital",
      "index": 6,
      "name": "Casso Capital",
      "url": "https://brand.casso.vn/guideline/#casso-capital",
      "colors": [
        {
          "hex": "#00A85E",
          "name": "Xanh Casso",
          "role": "Màu chính"
        },
        {
          "hex": "#119D00",
          "name": "Xanh lá",
          "role": "Màu trong logo"
        },
        {
          "hex": "#4CF000",
          "name": "Xanh nõn",
          "role": "Màu trong logo"
        },
        {
          "hex": "#04653A",
          "name": "Xanh thẫm",
          "role": "Màu trong logo"
        },
        {
          "hex": "#07AF55",
          "name": "Xanh lá sáng",
          "role": "Màu trong logo"
        }
      ],
      "logoGradient": true,
      "logos": [
        {
          "layout": "ngang",
          "tone": "trang",
          "label": "Ngang · Trắng",
          "use": "nền xanh Casso hoặc nền tối",
          "svg": "a/logo-casso-capital-trang.svg",
          "webp": "a/logo-casso-capital-trang.webp"
        },
        {
          "layout": "ngang",
          "tone": "mau",
          "label": "Ngang · Màu",
          "use": "nền trắng hoặc nền sáng",
          "svg": "a/logo-casso-capital-mau.svg"
        },
        {
          "layout": "doc",
          "tone": "trang",
          "label": "Dọc · Trắng",
          "use": "nền xanh Casso hoặc nền tối",
          "svg": "a/logo-casso-capital-doc-trang.svg"
        },
        {
          "layout": "doc",
          "tone": "mau",
          "label": "Dọc · Màu",
          "use": "nền trắng hoặc nền sáng",
          "svg": "a/logo-casso-capital-doc-mau.svg"
        }
      ],
      "symbols": [
        "a/symbol/casso-capital-symbol-mau.svg",
        "a/symbol/casso-capital-symbol-trang.svg"
      ],
      "marketingGuideline": {
        "status": "upcoming",
        "note": "Sắp ra mắt"
      },
      "mascot": {
        "used": true,
        "name": "Catron",
        "variant": "Catron Capital",
        "note": "Ở Casso Capital, Catron khoác dáng thương nhân: thân mập, xách vali vốn. Dáng này chỉ dùng trong Casso Capital, không đặt chung với Catron gốc.",
        "page": "https://brand.casso.vn/mascot/",
        "library": "https://brand.casso.vn/a/mascot/library.json",
        "generate": {
          "howTo": "Đí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.",
          "reference": "a/mascot/catron-capital-sheet.png",
          "referencePreview": "a/mascot/catron-capital-sheet.webp",
          "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.\nPose and scene: [describe the pose, action and background here].\nOnly one character, never together with the original Catron, full body, nothing cut off, no text.",
          "negativePrompt": "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"
        }
      },
      "download": "https://brand.casso.vn/a/download/casso-capital.zip",
      "appIcon": "a/icon/casso-capital-app-icon.svg",
      "splash": "a/splash/casso-capital-splash.json"
    },
    {
      "id": "xinvoice",
      "index": 7,
      "name": "XInvoice",
      "url": "https://brand.casso.vn/guideline/#xinvoice",
      "colors": [
        {
          "hex": "#00A85E",
          "name": "Xanh Casso",
          "role": "Màu chính"
        }
      ],
      "logoGradient": false,
      "logos": [
        {
          "layout": "ngang",
          "tone": "trang",
          "label": "Ngang · Trắng",
          "use": "nền xanh Casso hoặc nền tối",
          "svg": "a/logo-xinvoice-trang.svg",
          "webp": "a/logo-xinvoice-trang.webp"
        },
        {
          "layout": "ngang",
          "tone": "mau",
          "label": "Ngang · Màu",
          "use": "nền trắng hoặc nền sáng",
          "svg": "a/logo-xinvoice-mau.svg"
        },
        {
          "layout": "doc",
          "tone": "trang",
          "label": "Dọc · Trắng",
          "use": "nền xanh Casso hoặc nền tối",
          "svg": "a/logo-xinvoice-doc-trang.svg"
        },
        {
          "layout": "doc",
          "tone": "mau",
          "label": "Dọc · Màu",
          "use": "nền trắng hoặc nền sáng",
          "svg": "a/logo-xinvoice-doc-mau.svg"
        }
      ],
      "symbols": [],
      "marketingGuideline": {
        "status": "upcoming",
        "note": "Sắp ra mắt"
      },
      "mascot": {
        "used": false,
        "variant": null,
        "note": "Không có linh vật riêng; dùng biểu tượng trong logo XInvoice. Chỉ đi kèm Catron Original trong ấn phẩm chung của hệ sinh thái Casso."
      },
      "download": "https://brand.casso.vn/a/download/xinvoice.zip",
      "appIcon": "a/icon/xinvoice-app-icon.svg",
      "splash": "a/splash/xinvoice-splash.json"
    },
    {
      "id": "kysoqr",
      "index": 8,
      "name": "KySoQR",
      "url": "https://brand.casso.vn/guideline/#kysoqr",
      "colors": [
        {
          "hex": "#00A85E",
          "name": "Xanh Casso",
          "role": "Màu chính"
        }
      ],
      "logoGradient": false,
      "logos": [
        {
          "layout": "ngang",
          "tone": "trang",
          "label": "Ngang · Trắng",
          "use": "nền xanh Casso hoặc nền tối",
          "svg": "a/logo-kysoqr-trang.svg",
          "webp": "a/logo-kysoqr-trang.webp"
        },
        {
          "layout": "ngang",
          "tone": "mau",
          "label": "Ngang · Màu",
          "use": "nền trắng hoặc nền sáng",
          "svg": "a/logo-kysoqr-mau.svg"
        },
        {
          "layout": "doc",
          "tone": "trang",
          "label": "Dọc · Trắng",
          "use": "nền xanh Casso hoặc nền tối",
          "svg": "a/logo-kysoqr-doc-trang.svg"
        },
        {
          "layout": "doc",
          "tone": "mau",
          "label": "Dọc · Màu",
          "use": "nền trắng hoặc nền sáng",
          "svg": "a/logo-kysoqr-doc-mau.svg"
        }
      ],
      "symbols": [
        "a/symbol/kysoqr-symbol-mau.svg",
        "a/symbol/kysoqr-symbol-trang.svg"
      ],
      "marketingGuideline": {
        "status": "upcoming",
        "note": "Sắp ra mắt"
      },
      "mascot": {
        "used": false,
        "variant": null,
        "note": "Không có linh vật riêng; dùng biểu tượng khung QR ký số của KySoQR. Chỉ đi kèm Catron Original trong ấn phẩm chung của hệ sinh thái Casso."
      },
      "download": "https://brand.casso.vn/a/download/kysoqr.zip",
      "appIcon": "a/icon/kysoqr-app-icon.svg",
      "splash": "a/splash/kysoqr-splash.json"
    },
    {
      "id": "quan-x",
      "index": 9,
      "name": "Quán X",
      "url": "https://brand.casso.vn/guideline/#quan-x",
      "colors": [
        {
          "hex": "#00A85E",
          "name": "Xanh Casso",
          "role": "Màu chính"
        },
        {
          "hex": "#00542F",
          "name": "Xanh rừng",
          "role": "Màu trong logo"
        }
      ],
      "logoGradient": true,
      "logos": [
        {
          "layout": "ngang",
          "tone": "trang",
          "label": "Ngang · Trắng",
          "use": "nền xanh Casso hoặc nền tối",
          "svg": "a/logo-quan-x-trang.svg",
          "webp": "a/logo-quan-x-trang.webp"
        },
        {
          "layout": "ngang",
          "tone": "den",
          "label": "Ngang · Đen",
          "use": "nền trắng, hoặc khi in một màu",
          "svg": "a/logo-quan-x-den.svg"
        },
        {
          "layout": "ngang",
          "tone": "mau",
          "label": "Ngang · Màu",
          "use": "nền trắng hoặc nền sáng",
          "svg": "a/logo-quan-x-mau.svg"
        }
      ],
      "symbols": [
        "a/symbol/quan-x-symbol-den.svg",
        "a/symbol/quan-x-symbol-mau.svg",
        "a/symbol/quan-x-symbol-trang.svg"
      ],
      "marketingGuideline": {
        "status": "upcoming",
        "note": "Sắp ra mắt"
      },
      "mascot": {
        "used": false,
        "variant": null,
        "note": "Không dùng linh vật Catron; thương hiệu độc lập, dùng biểu tượng ghim vị trí kết hợp loa của Quán X."
      },
      "download": "https://brand.casso.vn/a/download/quan-x.zip",
      "appIcon": "a/icon/quan-x-app-icon.svg",
      "splash": "a/splash/quan-x-splash.json"
    },
    {
      "id": "cas-id",
      "index": 10,
      "name": "Cas ID",
      "url": "https://brand.casso.vn/guideline/#cas-id",
      "colors": [
        {
          "hex": "#111111",
          "name": "Đen Cas ID",
          "role": "Màu chính"
        },
        {
          "hex": "#FFFFFF",
          "name": "Trắng",
          "role": "Nền sáng, chữ trên nền đen"
        }
      ],
      "logoGradient": false,
      "logos": [
        {
          "layout": "ngang",
          "tone": "trang",
          "label": "Ngang · Trắng",
          "use": "nền đen (#111111), không đặt trên nền xanh",
          "svg": "a/logo-cas-id-trang.svg",
          "webp": "a/logo-cas-id-trang.webp"
        },
        {
          "layout": "ngang",
          "tone": "den",
          "label": "Ngang · Đen",
          "use": "nền trắng (#FFFFFF), hoặc khi in một màu",
          "svg": "a/logo-cas-id-den.svg"
        }
      ],
      "symbols": [],
      "marketingGuideline": {
        "status": "upcoming",
        "note": "Sắp ra mắt"
      },
      "mascot": {
        "used": false,
        "variant": null,
        "note": "Không dùng linh vật Catron; thương hiệu định danh độc lập, chỉ dùng hệ nhận diện đen trắng riêng."
      },
      "download": "https://brand.casso.vn/a/download/cas-id.zip",
      "appIcon": "a/icon/cas-id-app-icon.svg",
      "splash": "a/splash/cas-id-splash.json"
    }
  ],
  "download": "https://brand.casso.vn/a/download/casso-brand-kit.zip"
}