Tidal
Toda la web respira a seis respiraciones por minuto.
O por correo, o con el formulario. Te enviamos los archivos y la licencia.
La firma
Breath
Un ciclo de respiración escrito en una sola variable de CSS, con botón de pausa, tiempos ajustables (por ejemplo, la respiración cuadrada 4-4-4) y una versión quieta para movimiento reducido.
La idea
Una respiración lenta, cinco segundos para tomar aire y cinco para soltarlo, mueve una sola variable de CSS. Solo se mueven los elementos que la leen: el disco de la portada, el punto de la marca, la línea de marea, la palabra gigante y el pie; el resto de la página queda quieto.
Momentos firma
- 01
Un ejercicio de un minuto en la portada: seis respiraciones guiadas con cuenta regresiva y, al final, la invitación a una primera llamada gratuita.
- 02
En la página de enfoque, una palabra gigante alterna entre tomar y soltar el aire, cambiando de ancho y de peso, mientras una línea de marea sube y baja.
- 03
Un aviso de crisis visible con el 024, la línea de atención a la conducta suicida de España, en la portada y en el pie.
Sus 17 páginas
Pruébala aquí
