Đây là trang của một ứng dụng hiện đại có tên là .
Hãy phân tích kỹ lưỡng giao diện người dùng (UI) trong ảnh chụp màn hình này và mô tả nó chi tiết nhất có thể để bàn giao từ nhà thiết kế UI sang cho lập trình viên. Bản mô tả thiết kế cần bao gồm cả chế độ sáng (light mode) và chế độ tối (dark mode), đồng thời chứa các điểm ngắt đáp ứng màn hình (responsive breakpoints) khớp với thiết lập mặc định của Tailwind CSS v4.3.
Xuất các đặc tính thiết kế dưới định dạng JSONC có cấu trúc.
Đối với màu sắc, hãy trích xuất một bảng màu tổng quát và chỉ mô tả chi tiết cho các màu nhấn (accents) cũng như các thành phần đa phương tiện phức tạp. Mục tiêu là chỉ sử dụng 2 bảng màu chính: màu chính (primary) và màu phụ (secondary) tương tự như hệ màu của Tailwind. Bên cạnh 2 bảng màu này, bạn có thể định nghĩa bất kỳ số lượng sắc độ xám và màu nhấn nào cho các chi tiết giao diện phức tạp hơn (dải chuyển màu gradients, bóng đổ shadows, hình SVG, v.v.).
Kết thúc bằng một câu lệnh (prompt) hướng dẫn cách triển khai giao diện này cho lập trình viên, nhưng không đề cập đến bất kỳ thông số kỹ thuật công nghệ nào; chỉ nêu bản mô tả giao diện cần triển khai cùng các quy tắc và cách sử dụng hệ thống token thiết kế. Xuất câu lệnh này dưới dạng một khối mã (code block) Markdown.
Đầu ra phải bao gồm hai khối mã: một khối mã cho bản mô tả thiết kế (design brief) và một khối mã cho đặc tả thiết kế định dạng JSONC.
