# KeyVisualKP3 — nguồn gốc file

Kho tổng hợp tài nguyên design KP3. Xem trực quan: chạy `python3 -m http.server 8766` trong folder này rồi mở http://127.0.0.1:8766/ (gallery `index.html`, dựng lại bằng `python3 -I build_gallery.py .` sau khi thêm/xoá file).

## kp3/ (brand KP3 · tab đầu tiên)
- `fonts/PODIUMSharp-2.11-VietHoa.zip` ← `~/Library/Fonts/PODIUMSharp-2.11.ttf` + `PODIUMSharp-2.11italic.ttf` (DFVN PODIUM Sharp 2.11, Việt hoá bởi Dafont.vn, đủ dấu tiếng Việt; cùng file đang dùng ở KP3.re/fonts, websitekp3, kp3-media). Font gốc Playtype thương mại → dùng nội bộ.
- `fonts/Inter-4.1.zip` ← https://github.com/rsms/inter/releases/tag/v4.1 (OFL 1.1), gói lại: InterVariable (+Italic), static OTF, web woff2, LICENSE.

## focus.camp/ (12 file)
- `01-bo-logo-chinh/` ← copy từ `AI Agent/Logo FocusCamp/` (đã rút gọn, giữ bản bo + ngang + flavicon bo)
- `02-brand-guideline/` ← dựng 2026-10-22, khung theo `gettime/GETTIME-des/gettime guideline.pdf` (bỏ phần agent, chỉ giữ brand book: logo · màu · logo có màu · chữ · ứng dụng)
  - `focuscamp-brand-guideline.html` tự chứa (ảnh nhúng base64, font Inter + JetBrains Mono qua Google Fonts) · `.pdf` in bằng Chrome headless khổ 1200 × 1700px, mỗi phần sang trang mới
  - `focuscamp-mark.svg`: đống lửa vector, dựng lại từ lưới 21 × 21 ô của `Logo FocusCamp/Flavicon Focuscamp.png` (ô 120px, lệch 548px), giữ đúng màu từng ô
  - Số đo lấy từ PNG gốc: khung vuông → lửa 69,6% cạnh; khung bo góc + tròn → lửa 58,9%; bo góc là squircle (lấy viền thật từ alpha, không phải bo tròn đều); lockup 5607 × 2166 = khung 2166 · hở 243 · chữ 3198
  - Màu chính đã chốt: xanh trại #00DF5D (khung logo). #1B9E75 / #157A5B là màu đang chạy trong app focus.camp. Chữ logo = Inter Bold, chấm #FF3407
  - ⚠️ Sửa guideline: không có file nguồn riêng ngoài HTML này; ảnh logo đã nhúng sẵn nên sửa chữ/CSS thẳng trong HTML rồi in lại PDF. Đừng đặt id trùng tên symbol SVG (`fcFire`, `fcFireM`, `fcBo`): `<use href>` sẽ trỏ nhầm và đống lửa biến mất

## gettime/ (173 file)
- `GETTIME-des/` ← user upload trực tiếp 2026-10-21 (bộ design gettime đầy đủ):
  - `GetTime-agent-icons/` png + svg, 8 agent × 4 biến thể (avatar / đen / kem / mặc định)
  - `GetTime-logo-option4/` mark, lockup ngang/dọc, wordmark, favicon các size, vector svg + png
  - `GetTime-logo-system/`, `GetTime-maestro-*` các phương án linh vật Maestro (3D, ria, palette)
  - guideline: `gettime-brand-book`, `gettime-brand-guideline`, `gettime-full-guideline`, `gettime-agent-colors` (html + pdf + md), `gettime guideline`, `gettime landing page`
  - `gettime.ai` file gốc Illustrator
- `fonts/SpaceGrotesk-full.zip` ← tải từ https://github.com/floriankarsten/space-grotesk (release 2.0.0, OFL 1.1) 2026-10-21, gói lại gồm otf/ttf/woff2 × Light/Regular/Medium/SemiBold/Bold + Variable[wght] + README + OFL. SemiBold 600 sinh từ font Variable bằng fontTools. Chỉ giữ zip, không để file lẻ.
- Gallery: mọi file trong thư mục `fonts/` đều rơi vào tab con "Font" (font lẻ thả vào sẽ hiện specimen, zip hiện card "Tải cả bộ").

## moneycamp/ (5 file)
- `Logo.ai` ← `AI Agent/Money Camp/Logo.ai` (đồng xu pixel lửa trại)
- `Asset 6.png`, `Asset 8.svg`, `dongtienfc_2.svg`, `*.ai [Converted]` ← `AI Agent/focus.camp/Key Visual/` (cùng artwork đồng xu)

## Ref website (tab con "Ref website" trong gallery)
- Khai báo trong `refs.json` theo brand: `url`, `title`, `note`, `shot` (ảnh viewport), `full` (ảnh full trang), `added`.
- Ảnh chụp để ở `_refs/` (headless Chromium 1440px). Thêm ref mới: chụp ảnh → thêm entry vào `refs.json` → build lại.
- moneycamp: https://moneyincheck.org/ — ref website cho dự án Money Camp (thêm 2026-10-21).

## Ghi chú
- `_thumbs/` là thumbnail tự sinh (qlmanage) cho .ai/.pdf/.html/.md — không sửa tay, build lại là tự tạo.
- `.ai` không mở được trên browser; card trong gallery link tới file gốc, preview dùng thumbnail.