# Bộ nhận diện thương hiệu — Bộ môn Y học Gia đình (BSGD)
Bộ hình ảnh + CSS nhận diện **dùng chung cho `bsgdtphcm.vn`, `social.bsgdtphcm.vn` và ứng dụng
di động YHGĐ Hub**. Màu và hình được lấy mẫu **trực tiếp từ logo gốc** của website
(`web/web/css/themes/medical/images/header-logo-custom1.png`), không phải phỏng theo.
- **Bản chính (máy 253):** `/var/www/html/bsgdtphcm.vn/public_html/brand/` → https://bsgdtphcm.vn/brand/
- **Bản dùng cho ứng dụng (máy 245):** `/var/www/html/social.bsgdtphcm.vn/public_html/brand/` → https://social.bsgdtphcm.vn/brand/
- Xem toàn bộ bộ nhận diện: mở `/brand/index.html`
## Màu thương hiệu
| Tên | Mã | Nguồn |
|---|---|---|
| Xanh chủ đạo (green) | `#00944a` | cây trong logo + huy hiệu PNT (favicon) |
| Xanh đậm (green-dark) | `#0a5c31` | chữ serif "FAMILY MEDICINE DEPARTMENT" |
| Xanh rất đậm (green-deep) | `#063d22` | nền đậm (header/footer, chữ trắng) |
| Đỏ (red) | `#cf1313` | trái tim trong logo |
| Kem (cream) | `#f7faf8` | nền sáng |
| Mực (ink) | `#12261e` | chữ chính |
## Cấu trúc
```
brand/
css/bsgd-brand.css # biến CSS + thành phần: header, logo, nút, thẻ, nhãn, hero, footer
logo/ # bsgd-logo.png (trong suốt), -white, -mono-green, mark, mark-white
icons/ # icon-16…1024, icon-512-maskable, apple-touch-icon, favicon.ico
ai/ # hình do AI tạo + bản ghép logo (hero-banner-branded, splash-branded)
social/og-bsgd.png # ảnh chia sẻ mạng xã hội 1200×630
index.html # trang giới thiệu (mở /brand/ để xem)
README.md # tệp này
brand.json # bảng màu + kích thước, dạng máy đọc
```
## Dùng nhanh
```html
Y học Gia đìnhBộ môn · ĐHYK Phạm Ngọc ThạchNhãn xanhNhãn đỏ
Tiêu đề serif
Nội dung…
```
Bật nền tối tự động: thêm class `bsgd bsgd-dark-auto` vào ``.
## Cách tạo lại (tái lập được)
```bash
# 1) Bộ logo/icon/favicon từ logo gốc (không cần GPU)
python3 brand/build_brand_assets.py # → brand/assets/{logo,icons,social}
python3 brand/build_composites.py # → ảnh ghép logo + index.html
# 2) Hình minh hoạ bằng AI (ComfyUI/SDXL trên máy 250, GPU1)
# CHÚ Ý: phải trả GPU1 về qwen3 sau khi xong (xem mục dưới)
ssh 250 'cd ~/llm_research/llm_project && ./switch_medgemma_source.sh comfyui'
ssh 250 'python3 /tmp/gen_brand.py' # brand/generate_brand_ai.py
ssh 250 'cd ~/llm_research/llm_project && ./switch_medgemma_source.sh qwen3'
```
**Quy tắc pha màu/không được sai**
- Chữ trong ảnh AI là **cấm** (AI viết chữ sai) — mọi chữ do CSS/HTML đảm nhiệm.
- Không sơn lại logo gốc; chỉ dùng các bản đã tách nền (`bg_to_alpha` loang từ viền để giữ phần
trắng *bên trong* hình như mái nhà).
- Trên nền đậm dùng bản `-white`; trên nền sáng dùng bản màu gốc.
Y học Gia đìnhBộ môn · ĐHYK Phạm Ngọc Thạch