Velvet & Spirit
Un salón digital de mixología: catálogo de cócteles, recetas y un bar personal inteligente
Las webs de recetas de cócteles suelen ser listas largas llenas de anuncios. La intención fue diseñar algo con alma de bar clandestino: una experiencia nocturna, elegante y útil, donde lo más valioso no es buscar una receta sino descubrir qué puedes preparar hoy con las botellas que ya tienes en casa.
Combinar una estética muy cargada (madera, ámbar, tipografía serif clásica) con una interfaz densa en datos: graduación, cristalería, método, ingredientes, perfiles de sabor. Que se sienta lujosa sin dejar de ser legible.
Cómo se hizo, paso a paso
- 01Concepto
El rito nocturno
Moodboard de speakeasys de los años 20, cartas de coctelería clásica y fotografía en penumbra. Paleta de negro cálido con acentos ámbar.
- 02Arquitectura
Tres pilares
El Santuario (catálogo y descubrimiento), Recetas (ficha técnica de elaboración) y Mi Bar Personal (inventario y sugerencias).
- 03Sistema
Tarjetas con datos de verdad
Cada cóctel muestra ABV, tiempo, método y cristalería. Filtros por perfil organoléptico, potencia alcohólica y técnica.
- 04Interacción
Match con tu despensa
Marcas tus botellas y la web indica qué está "100 % disponible", qué tiene "falta 1 ingrediente" y qué comprar para desbloquear más recetas.
- 05Responsive
Del salón al bolsillo
Versiones móviles de Mi Bar y Recetas, con tarjetas compactas y acciones principales al alcance del pulgar.
Decisiones que marcaron el resultado
Serif para el alma, sans para los datos
Títulos en serif cursiva para la emoción; métricas y filtros en sans compacta para leer rápido.
Estados de disponibilidad
Etiquetas de "disponible" y "falta 1 ingrediente" convierten el catálogo en una lista de compras inteligente.
Contraste en penumbra
Fondo casi negro, texto crema y un solo color de acción ámbar para que los botones nunca se pierdan.
El trabajo
pasa el cursor para recorrer ↓
pasa el cursor para recorrer ↓
pasa el cursor para recorrer ↓
pasa el cursor ↓
pasa el cursor ↓Una estética fuerte necesita reglas estrictas. Cuanto más ambiente tiene la interfaz, más disciplina hace falta en la jerarquía, el contraste y el único color de acción.
LoremCraft → Texto Chimbo
Texto falso con humor: jerga de diseñador UX, spanglish de agencia, comentarista de fútbol, ingeniero de F1 o caraqueño coloquial. Copia en texto, HTML o Markdown.
