NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Sabor Polar" (restaurante de cocina contemporánea) usando HTML + Tailwind CSS CDN + JavaScript vanilla en un solo archivo. Emplea la siguiente paleta de colores: #2C1E13 (marrón oscuro), #A67C52 (beige cálido), #FFFFFF (blanco), #D9C5A3 (crema), #8B5E3C (terracota). Tipografía: headings con "Playfair Display" y cuerpo con "Inter" (Google Fonts).
Estructura y bloques:
1. Header fijo: logo a la izquierda, botón hamburguesa a la derecha que abre un overlay de menú vertical con enlaces HOME, ABOUT, MENU, RESERVATION, SHOP, ARTICLES. Incluye icono de carrito con contador.
2. Hero: sección a pantalla completa, fondo de imagen difuminada, título grande (h1) "Sabor Polar", subtítulo, botón primario "Ver Menú" que ancla al bloque 3.
3. Presentaci
3.902 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.902 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 Cabecera con logo y botón de menú
- 1.2 Hero con imagen de fondo y llamado a la acción
- 1.3 Bloque de presentación del restaurante
- 1.4 Galería de platos
- 1.5 Sección de reservas con formulario
- 1.6 Testimonios
- 1.7 Pie de página con enlaces y redes sociales
ABOUT
- 2.1 Cabecera común
- 2.2 Historia del restaurante
- 2.3 Equipo culinario
- 2.4 Valores y filosofía
- 2.5 Pie de página
MENU
- 3.1 Cabecera común
- 3.2 Lista de categorías de platos
- 3.3 Tarjetas de producto con imagen, descripción y botón "Añadir al carrito"
- 3.4 Filtros de alérgenos y precios
- 3.5 Pie de página
RESERVATION
- 4.1 Cabecera común
- 4.2 Formulario de reserva (fecha, hora, número de comensales, nombre, email, teléfono)
- 4.3 Mapa integrado
- 4.4 Pie de página
SHOP
- 5.1 Cabecera común
- 5.2 Grid de productos gourmet con precios y botón de compra
- 5.3 Carrito lateral desplegable
- 5.4 Footer con datos legales y redes
ARTICLES
- 6.1 Cabecera común
- 6.2 Listado de artículos del blog con imagen y extracto
- 6.3 Paginación
- 6.4 Footer
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
