Glassmorphic User Profile Widget Design Tokens
Define the CSS variables, HTML layout structure, and design token parameters for a premium glassmorphic user profile widget. Ensure detailed specs for: - Layer styling: glass backing blur (`backdrop-filter`), exact border gradient opacity, and inner drop shadow - Typographic layout: avatar image sizing, verified badge placement, and bio snippet structure - Dynamic responses: hover scale expansions, focus borders, and clean active toggles.
🌟 Example Output / Preview
Prompt Metadata
Primary Use Cases:
- •General AI optimization
- •Workflow automation
Associated Tags:
💡 Pro Tips & Advice
1. Use bracketed items: Be sure to fill out all [PLACEHOLDER] elements with specific details before sending the prompt to the AI model.
2. Adjust temperature: For creative tasks, set AI temperature higher (e.g., 0.8), or lower (e.g., 0.2) for strict coding/technical tasks.
🔗 Related AI Prompts
Premium Bento-Grid Landing Page Layout Spec
Act as a Lead Product Designer and Design Systems Architect. Write an extremely comprehensive UX wireframe specification and CSS g...
Dark-Mode SaaS Pricing Table Comparison Layout
Design a high-converting, accessible dark-mode SaaS pricing comparison table structure. Provide a comprehensive markdown wirefram...
High-Conversion Onboarding Carousel UX Checklist
Draft a professional UX specification checklist and micro-copy sequence for a mobile application's onboarding carousel flow. Requ...