2. Chat List Homepage The main chat list screen with a minimalist design. It features a white top navigation bar (56dp high) with a left-aligned app icon, a centered bold black "Chats" title (18sp), and a right-aligned "+" button (24dp) for starting new conversations. The main content area has a light gray background (#F5F5F5) and presents a vertically scrollable list of chat items. Each chat item (72dp high, white background) includes a left-aligned circular avatar (48dp), a primary line for the contact's nickname (16sp, black), and a secondary line for the latest message (14sp, gray, with a single-line ellipsis). Unread message indicators (red badges) are present where applicable. A search bar is fixed at the top of the list. The bottom tab bar is white, with three tabs: "Chats" (active, blue icon), "Friends" (inactive, gray icon), and "Profile" (inactive, gray icon). The primary color is #2196F3. --ar 9:16 --v 7 --stylize 100 --fast
HH
2. Chat List Homepage The main chat list screen with a minimalist design. It features a white top navigation bar (56dp high) with a left-aligned app icon, a centered bold black "Chats" title (18sp), and a right-aligned "+" button (24dp) for starting new conversations. The main content area has a light gray background (#F5F5F5) and presents a vertically scrollable list of chat items. Each chat item (72dp high, white background) includes a left-aligned circular avatar (48dp), a primary line for the contact's nickname (16sp, black), and a secondary line for the latest message (14sp, gray, with a single-line ellipsis). Unread message indicators (red badges) are present where applicable. A search bar is fixed at the top of the list. The bottom tab bar is white, with three tabs: "Chats" (active, blue icon), "Friends" (inactive, gray icon), and "Profile" (inactive, gray icon). The primary color is #2196F3.