← DocsMeridian Design System
Recipe
Profile Page Design
A clean, conversion-focused profile layout with tier badges, stats, and activity feed.
Layout Structure
U
UsernamePRO
Member since Jan 2025
142 sessions
12 configs
3 keys
Tier Badge Variants
FREEPROELITELIFETIME
Activity Feed
Session started2 min ago
Config exported1 hour ago
License renewed3 days ago
Tailwind Classes Reference
bg-[#0A0612] text-white
border-[#8B5CF6]/20 divide-gray-800
bg-[#8B5CF6]/20 text-[#8B5CF6]
bg-[#F472B6]/20 text-[#F472B6]
bg-gradient-to-r from-[#8B5CF6] to-[#F472B6]