Conceptos
Visuales
> 4 direcciones visuales para la barra privada de John Caiza, eventos privados en Nueva York.
> Mismo negocio y mismo contenido en las cuatro; cambian la tipografía, la paleta, la estructura y el movimiento.
> Cada una lleva su propio formulario, y todos abren WhatsApp con el mensaje ya escrito.
Barra Privada
Portada fotográfica a pantalla completa con parallax y rejilla punteada con crucetas. Los formatos de barra se leen como una lista de precios en dólares, y la carta está escrita como se escribe de verdad: ingrediente, líder punteado y medida. Cierra con la noche hora a hora, de las 16:00 a las 02:00.
Stack_Params & Arquitectura
- [Paleta & Tipografía]Gris vidrio esmerilado, verde botella, y chartreuse sólo en el estado en vivo. Archivo y Newsreader, con cifras tabulares en lugar de monoespaciada.
- [Recurso Propio]El líder punteado de una carta de bar, que une cada ingrediente con su medida.
- [Movimiento]Una sola secuencia orquestada al cargar y un parallax ligado al scroll. El resto sólo responde a tus clics.
- [Pendiente]Es la única de las cuatro que aún usa el formulario compartido, el del acuse de recibo falso.
Clásicos de Siempre
Doce clásicos con receta completa —Negroni, Daiquiri, Dry Martini, Boulevardier, Sidecar, Paper Plane y seis más— y un selector que pregunta cómo te gusta el trago para recomendarte el que te toca, con sus tres finalistas.
Stack_Params & Arquitectura
- [Paleta & Tipografía]Porcelana cálida y Bricolage Grotesque. Cada ingrediente tiene su color y se usa como puntuación dentro del texto.
- [Herramienta Dinámica]Removido o agitado, con qué base, cuánto amargor y cuánto dulzor. Puntúa por cercanía sobre el canon entero, nunca se queda sin respuesta.
- [Formulario]Campos redondeados y etiquetas en frase normal. Compone el mensaje y abre WhatsApp, sin falsos acuses de recibo.
- [Cabe en Pantalla]El selector entra entero en una pantalla, sin scroll ni recortes, también en móvil y en portátiles de 720 px de alto.
Atelier
Cinco noches reales de Nueva York —Tribeca, West Village, Dumbo, Hudson Valley y Upper East Side— una cada vez, en partición 50/50 a sangre: tipografía a la izquierda, fotografía a la derecha.
Stack_Params & Arquitectura
- [Paleta & Tipografía]Blanco puro, negro y un gris. Sin color de acento: las fotografías son lo único que aporta color. Schibsted Grotesk.
- [Formulario]Una frase con huecos que rellenas: sin etiquetas visibles ni cajas, sólo subrayados que engordan al enfocar.
- [Decisión de Diseño]La referencia secuestra la rueda del ratón. Aquí la navegación es explícita —flechas del teclado, botones y marcadores— para no romper el teclado ni los lectores de pantalla.
- [Fotografía]Cinco imágenes propias descargadas de Pexels, una por noche, elegidas para que cada una diga lo que dice su texto.
Carrusel
Portada a pantalla completa con tres diapositivas que se avanzan solas cada seis segundos —barra privada, clásicos de siempre y Nueva York— cada una con su fotografía y su lavado de color propio.
Stack_Params & Arquitectura
- [Paleta & Tipografía]Fondo casi negro con lavados ámbar, granate y azul noche. Anton condensada a pantalla completa.
- [Movimiento]Tres capas a distinta duración: fundido de 1,1 s, escala continua de 7 s en lineal y titular escalonado cada 80 ms. Los indicadores hacen de reloj de la diapositiva.
- [Accesibilidad]El carrusel se puede pausar, y con movimiento reducido no arranca: ni autoavance, ni escala, ni máscaras.
- [Formulario]Una pregunta cada vez, con los mismos indicadores que la portada y un resumen antes de enviar.