Mikauri Nail Salon & Spa
Web DevelopmentFront-End Development
Nail salon on Park Ave, Orange NJ. Porcelain + dusty rose + champagne + charcoal. Diagonal-split editorial hero with painted-polish-stroke SVG.
Next.js 16MotionSVGTailwind v4
Overview
Mikauri Nail Salon & Spa positions itself as a quiet luxury appointment-only nail house. The hero uses a diagonal-split background (blush left, porcelain right, polygon clip-path) overlaid with a 1200x200 hand-painted dusty-rose 'polish stroke' SVG curving across the middle of the screen. Playfair Display italic with a shimmer-gradient animation for the '& SPA.' subhead. Services rendered as an editorial 10-row pricing table with dotted leaders. Eight-swatch house-color lookbook (Porcelain → Onyx, hex codes labeled). Italianno cursive for the brand subtitle.
Features
- Diagonal-split hero background with polygon clip-path
- Hand-painted polish-stroke SVG across the hero
- Shimmer-gradient text animation on the headline
- 10-row pricing table services menu
- 8-swatch house-color lookbook with hex labels
Technologies Used
- Next.js 16
- React 19
- Tailwind CSS v4
- Motion
- Playfair Display + Inter + Italianno
Challenges & Solutions
Challenges
- Beauty industry has heavy template fatigue — needed editorial restraint
- Differentiating from Edgar Jewelry (also luxury/feminine)
Solutions
- Editorial pricing table grammar vs Edgar's overlap-card grammar — same vertical, different layouts
- Italianno cursive instead of Edgar's Italiana — different script registers