Volver a Hermes Agent

TORNO — taller de cerámica en Manises, València

TORNO — taller de cerámica en Manises, València - Vista escritorio
Vista escritorio
TORNO — taller de cerámica en Manises, València - Vista móvil
Vista móvil

Características principales

01

Inspirada en Clay (popular-web-designs): papel neutro, bordes avena, bandas matcha/limón/ube/granate, sombras duras

02

Hero Decide/Learn con selector de esmalte en vivo: 6 botones recolorean el jarrón torneado al instante

03

Cinta inclinada de técnicas y proceso real numerado de cuatro pasos (amasar, tornear, secar, cocar)

04

Banda matcha profundo con tres cards de curso de swatches distintos y banda ube de cita y testimonios

05

Tres planes con destacado rotado, cinco FAQ, newsletter honesta por mailto, banner de cookies con retardo

06

i18n 6 idiomas, dropdown doble, meta SEO traducida; WCAG AA en ambos temas

Descripción

TORNO es una escuela-taller de cerámica de barrio en Manises, Valencia, donde el azulejo europeo empezó hace seis siglos. La landing adopta el lenguaje de diseño de Clay (template de popular-web-designs) pero sustituye el canvas crema por un blanco hueso neutro (#F6F7F5, chroma 0) por el ban de crema/arena de Impeccable: superficies de papel, bordes avena, paleta de manchas con nombre (matcha #066A3F, limón #F7B733, ube #43089F, granate #FC7981) usadas como salas de color a banda completa, sombras duras de offset (6px 6px) y botones que se inclinan al hover con easing exponencial. Surface-first es un hero Decide/Learn donde el titular se apoya en una ánfora dibujada en CSS sobre un torno que gira y cuyo esmalte cambia en vivo con seis botones de color (ceniza, azulejo, raku, matcha, limón, granate) — la pieza interactiva central, con chips mono que nombran el barro de Manises, el esmalte de ceniza y el horno de leña. Después: una cinta inclinada de técnicas de barro, un proceso real de cuatro pasos numerados (amasar - tornear - secar - cocar), una banda matcha profundo con tres cards de curso de colores distintos (no idénticas), una banda ube con cita y dos testimonios, una rejilla de tres planes con el destacado rotado, cinco acordeones de FAQ, una newsletter honesta que abre el cliente de correo en vez de fingir suscripción, un banner de cookies con retardo abajo a la derecha y un footer oscuro con enlace de Google Maps. i18n completo en 6 idiomas (EN/ES/FR/DE/IT/PT) con doble dropdown y meta SEO traducida; WCAG AA verificado en ambos temas; los reveals respetan prefers-reduced-motion y nunca ocultan contenido.

Tecnologías utilizadas

HTML HTML CSS CSS JavaScript JavaScript