Atelier

Sobre Este Template

Atelier es una plantilla premium para agencias creativas, diseñada para estudios de diseño, consultorías de branding y firmas creativas. Once páginas listas para producción cubren casos de estudio del portafolio, servicios, equipo, blog, carreras y contacto. Dos skins de color — Warm Paper y Studio Night — intercambiables con un solo atributo HTML. Animación de fuente con ancho variable en el hero, animaciones GSAP de scroll en cada sección y seis colecciones de contenido tipadas para proyectos, posts, servicios, equipo, testimonios y empleos.

Firma

La palabra "STUDIO" del hero se expande de condensada fina a ultra-ancha usando el eje de ancho variable de Archivo, con un cambio de color de siena tostado a negro tinta sincronizado con la posición del scroll — una declaración tipográfica que establece el tono creativo al instante.

Características

• 11 páginas completas — Inicio, Trabajo, Caso de Estudio, About, Servicios, Blog, Post, Contacto, Carreras, Legal, 404
• 6 colecciones de contenido — proyectos, posts, servicios, equipo, testimonios, empleos (esquemas Zod)
• 2 skins de color — Warm Paper (claro) y Studio Night (oscuro) intercambiables vía atributo data-skin
• Animación de fuente de ancho variable en el hero — Archivo se expande de condensada a ultra-ancha con el scroll
• Animaciones GSAP de scroll con 6 variantes de revelado en cada sección principal
• Páginas de caso de estudio del portafolio con rutas dinámicas y layouts de detalle
• Carrusel de testimonios con citas de clientes y atribución de proyectos
• Grilla de equipo con perfiles de miembros y descripciones de roles
• Blog con posts en Markdown e imágenes de portada
• Página de carreras con ofertas de empleo desde colección de contenido
• Formulario de contacto con validación y efecto hover de botón magnético
• Smooth scroll con Lenis + View Transitions de Astro
• Tipografía fluida de móvil a ultrawide — totalmente responsive
• 33 imágenes con licencia Unsplash incluidas — listo para publicar
• SEO optimizado — JSON-LD, Open Graph, sitemap, URLs canónicas, robots.txt
• TypeScript en modo estricto — cero any

Despliegue