---
name: bebechic-canva
description: Design on-brand BEBECHIC graphics in Canva — social posts, stories, marketplace banners, and marketing visuals. Use when the deliverable is a Canva design or export and you need correct canvas sizes, brand fonts to upload, exact hex palette, layout rules, and an export checklist for the BEBECHIC Vietnamese fashion brand.
user-invocable: true
---

# BEBECHIC in Canva

Brand system: `https://cdn.bebechic.vn/docs/context.md` (read first). This skill translates the brand into Canva-specific setup and workflow. Canva can't `@import` a CSS file, so the values below are hard-coded from `tokens.css` — treat them as the source of truth inside Canva.

> **Fonts:** BEBECHIC and Ganh are the brand faces, served publicly from the CDN. Share the download links freely with any designer working on BEBECHIC and upload them to the team's Canva Brand Kit.

## 1. Set up the Brand Kit (once)

**Upload fonts** (Brand Kit → Fonts → Upload):
- `BEBECHIC_Black_Final.ttf` → https://cdn.bebechic.vn/fonts/BEBECHIC_Black_Final.ttf
- `Ganh-Regular.otf`, `Ganh-Thin.otf` (+ italics) → https://cdn.bebechic.vn/fonts/
- Be Vietnam Pro and Quicksand are already in Canva's library — no upload needed.

**Brand colors** (add these swatches):

| Role | Hex | Use |
|---|---|---|
| Primary mint | `#8FD8C3` | Big surfaces, key buttons, illustration fill |
| Deep teal | `#176676` | Headings, strokes, mascot outlines, text on light |
| Secondary mint | `#B6E2D3` | Layering |
| Mint wash | `#E7FEF7` | Section backgrounds |
| Cream | `#FFFCF5` | Default page background |
| Blush | `#F5A6B3` | Badges, sale tags (sparingly) |
| Rose | `#D4527A` | Accent |
| Ink | `#1A3A40` | Body text (never pure black) |

**Upload brand assets** to Uploads (pull from CDN):
- Mascots: https://cdn.bebechic.vn/images/mascots/ (croc + girl, front/side/back)
- Logos: https://cdn.bebechic.vn/images/logos/ (wordmark, brandmark, "Bebe", white variants)

## 2. Canvas sizes

| Deliverable | Size (px) |
|---|---|
| Instagram post (square) | 1080 × 1080 |
| Instagram portrait / feed | 1080 × 1350 |
| Instagram / TikTok story / reel cover | 1080 × 1920 |
| Facebook post | 1200 × 1200 |
| Marketplace product thumbnail (Shopee/TikTok Shop/Lazada) | 1000 × 1000 |
| Marketplace promo banner (in-shop) | 1200 × 628 |
| Website hero | 1920 × 1080 |

Keep a safe margin of ~64px on 1080-wide canvases; content never touches the edge.

## 3. Type rules in Canva

- **BEBECHIC font** → only the single biggest headline of the whole design (e.g. a campaign title). ALWAYS type it in UPPERCASE, letter-spacing ~+40. Never for sub-heads or repeated labels.
- **Quicksand (Bold/SemiBold)** → mixed-case Vietnamese headlines and sub-heads.
- **Be Vietnam Pro** → body, captions, CTAs, price. It renders Vietnamese diacritics correctly — keep it for any Vietnamese text-heavy block.
- **Ganh** → only for slide-style / printed long-form pieces, not social posts.
- Line-height generous (1.4–1.6). Text color deep teal `#176676` on light; ink `#1A3A40` for long body.

## 4. Layout & style rules

- Background: cream `#FFFCF5` or a soft mint wash — never pure white, never a busy photo full-bleed.
- Rounded corners everywhere: **24px** on frames/cards, pill on buttons. Avoid sharp 90° rectangles.
- Shadows: soft, low-opacity, deep-teal-tinted — in Canva use a shadow element at ~8–12% opacity, color `#176676`, never black.
- Line treatment: 1.5–2px deep-teal outline on cards/badges to match the brand's hand-drawn line feel.
- Mascots: place croc/girl peeking from a corner; keep them at native proportion — never stretch, recolor, or flip into a new pose.
- Product photos sit *inside* a rounded frame on a calm surface, not as the background.
- Doodle motifs (clouds, sparkles, tiny flowers) at low contrast for hero/feature pieces.

## 5. Copy on graphics

Follow the BEBECHIC voice: warm, soft, playful. "Chiếc váy nhỏ, tâm trạng to." beats "BST MỚI — KHÁM PHÁ NGAY!!!". CTAs: *Thêm vào giỏ · Khám phá thêm · Lưu lại để sau*. Soft emoji (🌿🌸🤍✨🐊) at most one per line, and only on marketing pieces. See **bebechic-ecommerce** for full copy rules.

## 6. Export checklist

- [ ] Correct canvas size for the channel
- [ ] Background is cream/mint — not white, not a full-bleed photo
- [ ] BEBECHIC font used at most once, UPPERCASE; everything else Quicksand / Be Vietnam Pro
- [ ] Corners rounded (24px / pill); shadows deep-teal-tinted, not black
- [ ] Mascots/logos are the official files, unstretched, uncolored
- [ ] Vietnamese has full diacritics; no loud emoji, no "!!!"
- [ ] Export: PNG for graphics with text, JPG only for photo-heavy pieces; 2× for print