- Identity: A fusion of high-end clinical authority (40%), luxury boutique experience (30%), and smart AI technology (30%).
- Visual Language: "Asper Shine" — Ivory palette (#F8F8FF), gold accents, high-key clinical lighting, and white shimmering diagonal light beams on cards.
- Persona Lead: Dr. Sami (Clinical/Science) and Ms. Zain (Aesthetic/Luxury).
- Visual Face: A friendly, high-fidelity mini-doctor character (
/dr-bot-character.png). - Role: An interactive dermatological assistant that peeks from the bottom corner of the site.
- Behavior: Uses bilingual (Arabic/English) sales logic, upselling to a 3-Step Regimen (Cleanser, Treatment, Protection).
- Guardrail: Always state: "I provide professional skincare guidance, not medical diagnosis."
- Typography: Playfair Display (Headings), Montserrat (Body), Tajawal (Arabic).
- Layout: Asymmetric, editorial Vogue-style grids. Use 10-second ease transitions for image scaling.
- Integrity: 100% realistic brand imagery (Vichy, La Roche-Posay, etc.). No placeholders or dummy URLs.
- Security: High-security posture for customer skin history. Strict Row Level Security (RLS) in Supabase.
- Frontend: React 18, Vite, Tailwind CSS, Framer Motion.
- Backend: Supabase (Auth, Postgres, Edge Functions).
- Commerce: Shopify Storefront API.
- Brain: Google Gemini (via Lovable Gateway).