/work/lavanta
Lavanta
- what it is
- demo website
- role
- art direction, design, code, animation
- year
- 2026
- platform
- HTML + Tailwind CSS
Demo project: the business is fictional, there is no client. The site was built for the portfolio and is live at the link.
Demo project: the salon is fictional, the site is real.
Pastel, yet it reads as a beauty salon from the first second: manicure, brows, lashes, polish bottles, glitter.
Bagel Fat One and Figtree; cream, turquoise, raspberry and lavender, everything round and puffy.
HTML and Tailwind CSS 4: styles in utilities and @theme tokens, custom CSS only for effects.
The home page has a hero with a “−15% first visit” badge, a trust strip, a service menu with photos and ₺ prices, a polish palette (tap a colour and the fan of nail tips changes), hygiene in four steps, a gallery of the week’s work, reviews and booking by service and time.
The bubble mascot pops into confetti.
Responsive at 1440 and 390.
skills and tools
- HTML + Tailwind CSS
- HTML
- Tailwind CSS 4
- JavaScript
- UI/UX
- GSAP
- responsive
- TR / EN
screens
