Design an Engaging User Profile Page for Web and Mobile Apps

Design a comprehensive user profile page for [APP TYPE] targeting [TARGET AUDIENCE]. The platform's primary purpose is [PLATFORM PURPOSE], and the visual style should align with [DESIGN STYLE, e.g., minimalist, vibrant, corporate]. Please provide a detailed design specification covering the following sections: 1. **Header/Hero Area**: Define the layout for the user's avatar, display name, bio, and key action buttons (e.g., Edit Profile, Follow, Message). Specify dimensions, spacing, and visual hierarchy. 2. **Stats & Social Proof Section**: Recommend which metrics to display (e.g., followers, posts, achievements) and how to arrange them for quick scanning. Include formatting guidelines for large numbers. 3. **Content Tabs/Sections**: Propose [NUMBER] navigational tabs or content sections that organize the user's activity and content. Explain what each tab contains and the sorting/filtering logic. 4. **Personalization Elements**: Suggest features that allow users to customize their profile (cover images, theme colors, pinned content, featured badges). Describe how these enhance engagement. 5. **Privacy & Settings Access**: Define how privacy controls, account settings, and visibility toggles are surfaced without cluttering the interface. 6. **Responsive Behavior**: Describe how the profile page adapts from desktop (1440px) to tablet (768px) to mobile (375px), including layout shifts, collapsible sections, and touch-friendly targets. 7. **Empty & Edge States**: Specify designs for new users with no content, private profiles viewed by non-followers, and deactivated accounts. Provide a component hierarchy, recommended color usage for [BRAND COLORS], and accessibility considerations including contrast ratios and screen reader labels.