A Celestial New Look for Mila Dreams

If you’ve ever wondered what I mean when I say “custom website,” Mila Dreams’ new site is a great example. This is a one-of-a-kind design, built around Mila’s personality, photography, and vision.

Mila and I first worked together about ten years ago. That site had a distinctive Art Nouveau feel and was one of the more interesting projects I’d done. After taking an eight-year hiatus, Mila returned – and I was so glad she came back to me when it was time to reimagine her site.

She had beautiful new photography, all shot in Mexico, and wanted the new design to feel celestial and mystical. I was immediately excited by the idea. We explored a palette of soft pinks and warm cream, created a new logo, and found a typeface that brought the look together.

We also kept the curved edges framing the photo at the top of the page. Getting those shapes just right called for some playful CSS, including masks, and became one of those little details that gives the whole site its own character.

.site-header__backdrop::before,
.site-header__stars {
	--mask-svg: url(../img/header-mask.svg);
	--mask-fill: linear-gradient(#000 0 0);
	--mask-fill-height: max(0rem, calc(100% - 19.9493cqw + 0.125rem));
	-webkit-mask:
		var(--mask-svg) no-repeat center bottom / calc(100% * var(--curve-scale)) 19.9493cqw,
		var(--mask-fill) no-repeat center top / 100% var(--mask-fill-height);
	mask:
		var(--mask-svg) no-repeat center bottom / calc(100% * var(--curve-scale)) 19.9493cqw,
		var(--mask-fill) no-repeat center top / 100% var(--mask-fill-height);
}

My favorite part was finding visual details that could carry that celestial feeling throughout the experience. The animated stats area was especially fun to build. On the visuals page, the images have decorative borders that animate when you hover over them – another small moment that reflects Mila’s mystical style and who she is.

Mila is earthy, cool, and a genuinely wonderful person, so the site needed to feel like her. On the offerings page, shaping the rates into the design was a fun challenge. And on the connection page, I added a little surprise: once someone submits the form, a playful animation appears. It’s a small interaction, but I wanted it to make reaching out feel memorable. Scroll to the bottom, too, and you’ll find Mila in a yoga pose – a lovely final touch.

For a small site, this one gave us so much room to make thoughtful choices and build in personality. It was a joy to work on, and I’m proud of the result. Welcome back, Mila.