Thư viện mẫu để ChatGPT đối chiếu khi code section. Mỗi loại nội dung có đúng 1 kiểu trực quan tương ứng — không tự chế, không trộn lẫn.
Grid 3 cột, mỗi card có icon bo tròn + tiêu đề + mô tả ngắn. Hover nổi lên, đổi border cam.
Đang bán hàng online hoặc mở shop nhỏ, muốn chuyên nghiệp hóa hình ảnh thương hiệu để tạo niềm tin và mở rộng quy mô.
Muốn xây dựng cá nhân thương hiệu, có website, biolink, bộ nhận diện để chào khách hàng và định vị chuyên môn rõ ràng.
Chưa có hạ tầng marketing, thiếu logo, video, bài PR. Cần bộ tư liệu tiêu chuẩn để bắt đầu quảng bá và gọi vốn sớm.
Card NỀN CAM NHẠT với icon emoji tròn trắng — cảm xúc hơn loại 1. Tiêu đề màu cam-dark để tạo mood "đau".
Muốn làm marketing nhưng thiếu website, logo, video chuyên nghiệp. Mọi thứ rời rạc, không đồng bộ, không biết nên ưu tiên cái gì trước.
Không biết làm sao để bộ nhận diện thống nhất giữa các kênh. Logo, banner, post social mỗi thứ một kiểu, trông thiếu chuyên nghiệp.
Thuê từng dịch vụ riêng lẻ (logo, website, video, PR) thì chi phí đội lên vài chục triệu. Làm một mình thì không ra traffic.
Icon SVG inline 40×40 stroke currentColor — KHÔNG dùng emoji cho loại này. Card giữa highlight nền cam để phá nhịp.
Logo, banner, 10 template Canva đồng bộ. Chụp ảnh 5 sản phẩm chuyên nghiệp. Template CEO và công trình sẵn sàng dùng cho mọi chiến dịch.
5 bài PR toplist 800–1000 từ trên 100 website ngành. 2 video mẹo có intro chuyên nghiệp. Xử lý 2 video UGC kể chuyện thương hiệu.
Website bán hàng subdomain, landing page chuẩn SEO, gian hàng thật với 5 sản phẩm, biolink liên kết mọi kênh. Tracking đơn hàng tích hợp.
Grid 4 cột compact hơn loại 3. Có thêm chip định dạng file nếu liên quan (AI, PNG, PDF...). Icon đơn giản.
Logo chính, 3 banner 1200×628, 10 template Canva đồng bộ.
Website bán hàng subdomain, landing page SEO, gian hàng thật.
5 bài PR toplist, 2 video mẹo, 2 video UGC marketing.
Landing + form + fanpage + biolink tích hợp tracking.
Dùng khi quy trình KHÔNG có yếu tố thời gian, chỉ 4–5 bước. Vòng tròn số nối bằng mũi tên. Click để highlight.
Họp online hiểu nhu cầu, ngành hàng, định hướng thương hiệu.
Tạo logo, banner, template Canva và chụp ảnh sản phẩm.
Build website, landing page, gian hàng, biolink đa kênh.
Viết PR, quay video mẹo, đăng content khởi động fanpage.
Gửi báo cáo KPI và hướng dẫn vận hành các kênh.
Dùng khi có mốc ngày/tuần cụ thể. Đường kẻ dọc bên trái, mỗi mốc là chấm tròn số + card nội dung. Click toggle active.
Grid 2 cột. Mỗi item có ô vuông cam với dấu ✓ + tiêu đề + mô tả ngắn. Item lẻ span full width ở hàng cuối.
Tên, slogan, phong cách mong muốn (sang trọng, hiện đại, trẻ trung...).
5 sản phẩm/dịch vụ gồm tên, mô tả, giá, hình ảnh tham khảo.
Tiểu sử, hình ảnh, thành tựu để thiết kế page CEO chuyên nghiệp.
Nếu có, giúp định hướng thiết kế logo và phong cách video.
Địa chỉ cửa hàng hoặc gửi sản phẩm đến studio.
Email và Zalo để cấp user/content ID và liên lạc trong suốt dự án. Item thứ 6 lẻ → span full-width để cân bảng.
Table 3 cột: feature | không có (đỏ) | có (xanh). Badge màu rõ ràng để mắt bắt ngay khác biệt.
| Tiêu chí | Tự làm / Thuê lẻ | Gói Thiết Lập |
|---|---|---|
| Logo & bộ nhận diện | ✕ Rời rạc | ✓ Đồng bộ |
| Website bán hàng | ✕ Chưa có | ✓ Subdomain ngành |
| Landing page SEO | ✕ Không có | ✓ Chuẩn SEO + CTA |
| Bộ content khởi động | ✕ Phải tự viết | ✓ 5 PR + 2 video |
| Tracking đơn hàng | ✕ Không có | ✓ Dashboard riêng |
| Chi phí ước tính | ✕ 15–30 triệu | ✓ 5 triệu trọn gói |
Table HTML thật, header nền tối chữ trắng, zebra row, hover vàng nhạt. Hơn 8 dòng → collapse 5 dòng đầu.
| STT | Nhiệm vụ | Loại | SL | Người phụ trách | Deadline | Trạng thái |
|---|---|---|---|---|---|---|
| 1 | Tạo website bán hàng | Website | 1 | Developer A | Ngày 10 | Đang làm |
| 2 | Tạo landing page | Landing | 1 | Designer B | Ngày 10 | Chưa bắt đầu |
| 3 | Thiết lập gian hàng | Gian hàng | 5 SP | Developer C | Ngày 12 | Chưa bắt đầu |
| 4 | Thiết kế logo | Logo | 1 | Designer D | Ngày 7 | Hoàn thành |
| 5 | Chụp ảnh sản phẩm | Hình ảnh | 5 ảnh | Photographer E | Ngày 9 | Đang làm |
| 6 | Thiết kế template Canva | Template | 10 mẫu | Designer F | Ngày 9 | Chưa bắt đầu |
| 7 | Thiết kế page CEO | Page | 1 | Designer G | Ngày 10 | Chưa bắt đầu |
| 8 | Viết bài PR toplist | Bài viết | 5 bài | Copywriter I | Ngày 16 | Chưa bắt đầu |
| 9 | Quay video mẹo | Video | 2 video | Editor J | Ngày 16 | Chưa bắt đầu |
| 10 | Báo cáo KPI cuối kỳ | Báo cáo | 1 | PM K | Ngày 20 | Chưa bắt đầu |
Bar chart CSS thuần, animation growBar chạy lại mỗi khi scroll tới. KHÔNG dùng thư viện.
SVG diagram inline với nodes (rect bo tròn) nối bằng path có arrow. Dùng cho quan hệ hệ thống, flow dữ liệu, mindmap.
Accordion collapse. Mũi tên ▼ xoay 180° khi .open. Click câu này thì các câu khác tự đóng.
Khác FAQ ở chỗ: card có icon + tiêu đề + sub hiển thị sẵn, nội dung chi tiết ẩn sau nút "Xem chi tiết".