Đây là phần mở bài giới thiệu tổng quan. Nội dung này sẽ giúp người đọc hiểu rõ hơn về ngữ cảnh của bài viết. Trong các bài viết dài, việc sắp xếp các khối UI hợp lý giúp giảm tỷ lệ thoát trang.
1. Sử dụng Section Highlight (Callout Filled)
Lưu ý quan trọng:
Khối này được dùng để nổi bật một ý chính hoặc một danh sách quan trọng ngay dưới tiêu đề H2 hoặc H3. Hiện tại đã được đồng bộ để sử dụng chung Component Callout Card.
- Làm nổi bật đoạn văn bằng viền màu brand bên trái
- Giao diện phẳng (flat) phù hợp cho đọc tài liệu kỹ thuật/học thuật
Tiếp tục triển khai ý của đoạn văn sau phần highlight. Bạn có thể chèn các hình ảnh minh họa hoặc các nội dung text thông thường.
2. Custom List Style (Brand Bullet)
Khi muốn trình bày một danh sách các ý chính với gạch đầu dòng chuẩn nhận diện thương hiệu, chỉ cần bọc <ul> bằng class list-brand:
- Dấu chấm tròn (bullet) màu cam nổi bật
- Thụt đầu dòng chuẩn typography độc lập
- Dễ dàng chèn vào bất kỳ đâu trên giao diện
3. FAQ Accordion (Câu hỏi thường gặp)
Dùng để trả lời các thắc mắc chung của thí sinh ở cuối bài viết:
4. Phản hồi học viên (Testimonial Card)
Tăng độ uy tín cho bài viết bằng cách chèn feedback thực tế:
"Hệ thống luyện thi sát với đề thật, phần thi Speaking được chấm rất kỹ lưỡng."



