Interface overview
- Glass UI with gradient orbs and magnetic buttons
- Scroll-sync preview for create/edit cards
- Deep gradient library including Celestial Noir & Crimson Nebula
Developer notes
Welcome to the MY-Card Studio knowledge base
Everything you need to tailor, deploy, and extend the MY-Card experience—complete with live components, themed palettes, and OTP-secured flows.
Security layers
- OTP-based password reset with hashed tokens + rate limiting
- 5-minute OTP expiry and attempt tracking
- System mailer anchored to
dss@dupno.com
Design system
- Tailwind + custom CSS blend with hue animations
- Live QR generation upon card save
- Reusable preview + builder components
Live component playground
Preview how hero gradients, parallax cards, and mobile drawers animate together. Use the toggle to experience both light and dark schemes.
Floating preview
Card animations
- Hue-rotating hero gradient
- Scroll-synced builder preview
- Animated navbar drawer
Design tips
Use deep gradients for dark experiences and keep CTA contrast above WCAG AA.
Quick reference
Install & run
pip install -r requirements.txt
python manage.py migrate
python manage.py runserverRun the suite
python manage.py test cards.tests cards.test_dashboardsTailwind resources
Tweak the gradients in cards/templates/cards/index.html or extend the palette via CSS utilities.