1. Official Logo Color Tokens
Click any swatch to inspect usage guidelines, copy hex values, and check live WCAG 2.1 contrast ratios.
--ewa-teal
Used for navigation, trust markers, headers, and anchoring elements.
Where Science Meets Artistry
FDA Approved Clinical Care
2. Typography Scale (Sora + Manrope)
Where Science Meets Artistry
Beauty Redefined & Restored
Advanced Hair Restoration & Clinical Dermatology
Laser Rejuvenation, Vitiligo & Aesthetic Medicine
At Ewa Derma Clinic, we believe beauty is a science. Led by expert dermatologists, we combine state-of-the-art medical technology with artistic precision to deliver transformative results.
Whether you are seeking advanced hair transplants, clinical skin rejuvenation, or body contouring, our premium treatments are tailored to reveal the most confident version of yourself in Lucknow.
6th floor, Unit 10, The Millennium Place, near Lulu Mall, Golf City, Sector B Ansal API, Lucknow, Uttar Pradesh 226030 · Phone: +91 9120854977 · Mon–Sun 10:00 AM – 7:00 PM.
3. Live Component Showcase
Every component is interactive with spring physics, magnetic cursor tracking, and accessible focus outlines.
3.1 Button Variants & States(Magnetic + Shimmer)
High-signal button with subtle magnetic hover and glowing shadow for all "Book Consultation" triggers.
Used for secondary page navigation, treatments exploration, and clinical downloads.
Optimized for Indian mobile-first clinic traffic for instant WhatsApp and dialer engagement.
Toggle loading state to test spinner transition and disabled interaction.
Subtle actions for modal close, pagination, and breadcrumbs.
Systematic padding and typography scaling.
3.2 Interactive Filter Tabs(Smooth Framer Motion layoutId pill)
Click any tab to test the fluid sliding active pill indicator that will be used for gallery filtering and treatment categories:
3.3 Category Pills & Self-Drawing Trust Badges
Color-coded for Hair Transplants, PRP & GFC therapies, echoing the male silhouette.
Color-coded for Acne, Pigmentation, Vitiligo, and Laser therapies, echoing the female silhouette.
Used for clinical trust badges, international certifications, and medical standards.
Used for high-priority appointment notices, seasonal offers, and new clinic procedures.
3.4 Glassmorphism Cards & Depth Layers
Acne & Scar Treatment
Advanced solutions for acne scars, pigmentation, and rosacea using medical-grade laser technology and dermatological protocols.
PRP / GFC Hair Restoration
Restoring confidence with autologous growth factor concentrates, medical micro-needling, and natural hair density therapy.
Vampire Facelift (PRP)
Turn back the clock with non-surgical rejuvenation designed to lift, tighten, and restore radiant elasticity with zero downtime.