Design System
SportConnect UI v2.5 • Component Checklist
02. Typography System
Display Heading
SportConnect Black
Heading 1 (2.25rem)
Linh hoạt trong từng cú vợt
Heading 2 (1.5rem)
Cộng đồng cầu lông lớn nhất Việt Nam
Lead Paragraph (1.125rem)
Nền tảng giúp bạn kết nối với hàng ngàn lông thủ và đặt sân nhanh chóng.
Body Text (0.875rem)
Hệ thống SportConnect hỗ trợ quản lý lịch thi đấu, tính điểm ELO và xếp hạng tự động cho mọi cấp độ người chơi.
Monospace / Code
TRX-ID: SC-9982-X2-VERIFIED
03. Overlays & Feedback
Modals & Dialogs
Toasts (Notifications)
04. Advanced Filter Pattern
Cầu lông
Quận 7
05. Skeleton Loading State
Avatar & Line
06. Input Sizes & Validation
Tiền tệ & Định dạng (Currency Input)
Raw Value:
1500000Input Sizes & Placeholder
Validation (Bold Error Message)
Vui lòng nhập địa chỉ email hợp lệ
Textarea
07. Alerts & Semantic Sections
Hệ thống bảo trì
Tính năng đặt sân sẽ quay lại sau 2 giờ nữa.
Giao dịch hoàn tất
Mã đặt sân của bạn đã được gửi qua email.
Lưu ý thi đấu
Vui lòng đến sân trước 15 phút để làm thủ tục.
Lỗi kết nối
Không thể đồng bộ điểm ELO lúc này.
08. Reusable Landing Sections
Contact Support Section
Support Center
Chúng tôi luôn Lắng Nghe Bạn
Dù bạn là chủ sân hay vận động viên, đội ngũ SportConnect luôn sẵn sàng đồng hành 24/7.
09. FAQ Accordion Pattern
Semantic Accordion Examples