# BEBECHIC — CDN

> Vietnamese fashion / lifestyle brand (Gen Z + Gen Y, ~80% nữ). Design system & static assets.
> Hosted at: https://cdn.bebechic.vn

## For LLMs generating UI or copy

Read in this order:

- [context.md](https://cdn.bebechic.vn/docs/context.md): Compact system prompt (<600 tokens). Start here.
- [README.md](https://cdn.bebechic.vn/docs/README.md): Full reference — content rules, visual foundations, slide standards, iconography.
- [tokens.css](https://cdn.bebechic.vn/docs/tokens.css): All CSS custom properties + @font-face declarations.

## Critical constraints

- Page background: #FFFCF5 (cream) — pure white only inside cards/forms
- Primary brand mint: #8FD8C3 · Deep teal accent: #176676 (headings, strokes, mascot outlines)
- Default text: deep teal on light surfaces; never pure #000000
- Fonts: BEBECHIC (display — SINGLE largest heading only, always UPPERCASE), Ganh (slides / long-form), Be Vietnam Pro (body / UI)
- border-radius: default 24px (heavy rounding) — chips 16px, capsule buttons pill
- Shadows: soft, low-opacity, deep-teal-tinted rgba(23,102,118,…) — never black, never neon glow
- Line treatment: 1.5–2px deep-teal stroke on cards/badges/illustration — never heavy black
- Voice: warm, soft, playful. Never *sến súa*. Vietnamese first, full diacritics.
- Emoji: only soft ones (🌿 🌸 🤍 ✨ 🐊) in marketing copy — never in UI chrome, never as icons.

## Skills (callable by any LLM)

Brand-scoped skills you can fetch and follow at any time. Discovery manifest: [/skills/index.json](https://cdn.bebechic.vn/skills/index.json)

- [bebechic-design](https://cdn.bebechic.vn/skills/bebechic-design/SKILL.md): Hub — brand system + router to the skills below
- [bebechic-canva](https://cdn.bebechic.vn/skills/bebechic-canva/SKILL.md): On-brand Canva graphics (sizes, fonts, palette, export)
- [bebechic-figma](https://cdn.bebechic.vn/skills/bebechic-figma/SKILL.md): Figma variables/styles from tokens.css + dev handoff
- [bebechic-ecommerce](https://cdn.bebechic.vn/skills/bebechic-ecommerce/SKILL.md): Storefront copy & listings (voice, PDP, promos)
- [bebechic-imagegen](https://cdn.bebechic.vn/skills/bebechic-imagegen/SKILL.md): AI image prompts (photography, illustration, negatives)

Claude Code users can install these as a plugin (needs access to the private repo):
`claude plugin marketplace add saucevn/bbds` or `add https://cdn.bebechic.vn/marketplace.json`,
then `claude plugin install bebechic@saucevn`. No-auth path for any LLM: just fetch the SKILL.md URLs above.

## Asset paths

- /fonts/ — Self-hosted fonts (BEBECHIC display, Ganh slide face)
- /images/manifest.json — exact asset filenames + mascot name aliases (casau↔croc, cogai↔girl); use this instead of guessing
- /images/mascots/ — Cá sấu Bebechic (croc) + Cô gái Bebechic (girl), front/side/back
- /images/logos/ — wordmark, brandmark, secondary "Bebe", white variants
- /docs/ — Design system docs, tokens, handbook, preview cards, slide templates
- /media/ — Brand guideline PDF
- /ui-kits/ecommerce-app/ — Mobile commerce app UI kit