NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Cocina Viva** (tienda online de utensilios de cocina) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. No incluyas ninguna referencia a la fuente original. La web debe ser responsive y replicar el siguiente diseño y estructura:
**Paleta de colores**:
- Primario: #2C3E50 (azul marino oscuro)
- Secundario: #E67E22 (naranja cálido)
- Fondo claro: #F9F9F9
- Texto principal: #333333
- Texto secundario: #777777
**Tipografía**:
- Fuente principal: `Inter`, sans-serif (cargar desde Google Fonts).
- Fuente secundaria para títulos: `Playfair Display`, serif.
**Header / Navbar** (fixed, sticky on scroll):
- Logo a la izquierda (texto "Cocina Viva" en Inter bold, color primario).
- Menú horizont
5.189 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.189 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Barra de navegación con logo, menú, iconos sociales, botón carrito y buscador
- 1.2 Hero con título, subtítulo y llamada a la acción
- 1.3 Sección de categorías destacadas en grid de tarjetas
- 1.4 Galería de productos en carrusel
- 1.5 Área de testimonios con citas y fotos
- 1.6 Newsletter con formulario de suscripción
- 1.7 Footer con enlaces, datos de contacto y redes sociales
ABOUT US
- 2.1 Cabecera con título y foto de portada
- 2.2 Texto descriptivo de la marca y su historia
- 2.3 Equipo en tarjetas con foto y nombre
- 2.4 Valores en bloques con iconos
- 2.5 CTA a la tienda
- 2.6 Footer (reutilizado)
CATEGORIES
- 3.1 Cabecera con título
- 3.2 Grid de tarjetas de categorías con imagen y enlace
- 3.3 Filtro lateral (opcional)
- 3.4 Footer
PRODUCTS
- 4.1 Cabecera con filtros y búsqueda
- 4.2 Lista de productos en tarjetas (imagen, nombre, precio, botón añadir)
- 4.3 Paginación
- 4.4 Footer
BLOG
- 5.1 Cabecera con título “Blog”
- 5.2 Grid de artículos con imagen, título, extracto y botón leer más
- 5.3 Sidebar con categorías y suscripción
- 5.4 Footer
CONTACT
- 6.1 Cabecera con título y mapa incrustado
- 6.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 6.3 Información de contacto (dirección, teléfono, email)
- 6.4 Footer
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
