Danzia — Figma to Framer Development by Sofía CruzDanzia — Figma to Framer Development by Sofía Cruz

Danzia — Figma to Framer Development

Sofía Cruz

Sofía Cruz

Project overview

Danzia is a dance school template designed by Temlis. My role was to implement the supplied design in Framer, connecting its expressive visual direction with the pages and content a studio needs to present its classes and people.
Client: Temlis · Design: Temlis · My role: Framer Development

Movement through layout

The opening screen combines oversized type, dance photography, and a direct enrollment call to action. I implemented the supplied composition and its entry motion in Framer, carrying that energy into the sections below.

Making room for different content

Classes, instructors, and events need different kinds of information. The build gives those content types their own layouts instead of repeating one generic promotional section across the site.

From the introduction to an inquiry

Navigation and contact sections connect the visual introduction with a practical next step. The class and instructor presentations sit within the same system of type, spacing, and image treatments.

The delivered Framer build

The finished template translates Temlis’s dance-focused design into a multi-page Framer website. My contribution was the development and implementation of the supplied layouts and interactions.
Need to bring an existing Figma design into Framer? I develop websites with clear content structure and considered motion.
Like this project

Posted Feb 18, 2026

Framer development for a dance school template designed by Temlis, bringing expressive layouts, motion, and class-based content into a multi-page site.