Studios XeniaBrasaluna
Café de especialidad
Una luna creciente que es también un grano de café. Marca nocturna para una tostaduría de lotes cortos.
Tipografías: Quicksand · Nunito
El encargo
Una tostaduría de lotes cortos vive de clientes que vuelven cada mes. Por eso la web empuja la suscripción y no la compra suelta: elegir el tueste, recibirlo sin volver a pedirlo y pausar cuando haga falta.
La marca aplicada
Ficha del proyecto
| Rubro | Café de especialidad · Alimentos y bebidas |
|---|---|
| Promesa | Elige tu tueste y recíbelo sin pedirlo otra vez. |
| Lo que destaca | Tueste semanal · Tres perfiles · Pausa cuando quieras |
| Llamado a la acción | «Armar mi suscripción» |
| Sitio | Landing con el titular «Café recién tostado, cada mes en tu puerta» |
| Servicios que muestra | Identidad de marca · Diseño web · Redes y contenido · Automatizaciones · Apps y software |
| Contraste medido | Texto 13,2:1 · botón 4,7:1 (el mínimo de WCAG es 4,5:1) |
Sitio web · Landing
Café recién tostado, cada mes en tu puerta
El demo es una página real, escrita a mano y publicada en este mismo sitio. Puedes abrirla, inspeccionarla y ver cómo responde en tu teléfono.
- 5,1 KB HTML y CSS
- 0 librerías de JavaScript
- 5 secciones
Cómo está construido
HTML semántico y CSS con variables de marca. Cambiar la paleta es cambiar cuatro líneas:
:root{
--fondo:#efe6d8;
--tinta:#2b1d16;
--acento:#d06f5b;
--tinta-boton:#2b1d16;
--oscuro:#2b1d16;
--sobre-foto:#ffffff;
--titulo:'Quicksand',Georgia,serif;
--letra:'Nunito',system-ui,sans-serif;
--radio:10px;
}El botón principal lleva al cliente a un solo siguiente paso:
App o software
App con calendario de tueste y control de la suscripción.
Una pantalla para quien usa el servicio y otra para quien lo opera, con el mismo sistema visual de la marca.
Automatización
Qué pasa cuando llega un cliente
- Un cliente se suscribe o renueva
- Se cobra y se genera la orden del mes
- Se envía el aviso de despacho o de acceso
- Antes de vencer, se le escribe para renovar
Cuéntanos qué vendes y dónde se te traba.
Te respondemos con lo que haríamos, cuánto cuesta y cuánto tarda.