Design Ticket: Profile Page Rebrand & Styling Refresh

[MTsomo]

Design Ticket: Profile Page Rebrand & Styling Refresh

As a Lead UI/UX Designer,
I need to update the Profile Page mockups and UI library specs with the WeBuddhist Academy brand palette, typography hierarchy, and subtle UI refinements,
So that the development team has an exact visual reference for refreshing the public user profile, achievements, and course activity views.

Description

This ticket covers updating the Profile Page mockups in Figma to align with the new WeBuddhist Academy design system. The core structure and layout of the page will remain largely intact, but visual styling will be updated—applying brand typography, color tokens, and minor UI adjustments to enhance clarity and visual polish across user bio cards, statistics, badges, and completed course lists.

Acceptance Criteria

• High-fidelity Figma screens created for the Profile Page across Desktop (1440px), Tablet (768px), and Mobile (375px) viewports.
• Page typography hierarchy updated to use WeBuddhist Academy display font for section titles and UI body font for user details, stats, and metadata.
• Color palette applied across profile headers, background containers, achievement cards, status badges, and borders.
• Minor UI polish applied to card paddings, avatar framing, icon alignments, and spatial grid consistency.
• Visual distinction between Public Profile view (as seen by other users) and Private Profile view (as seen by the account owner) clearly specified in Figma.
• Updated profile components integrated into and linked with the centralized WeBuddhist Academy Design System library.

Definition of Done

• Design Review Sign-Off: Profile Page mockups and component specs reviewed and approved by product leadership.
• Developer Handoff: Figma link published with inspectable color/typography variables and component spacing specs ready for frontend engineering implementation.