NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **CasaNoble** (casanoble.com) siguiendo el patrón visual y estructural del template analizado. Usa **HTML** estático en un único archivo, **Tailwind CSS vía CDN** y **JavaScript vanilla** para interacciones (menú móvil, carrito lateral, carrusel de testimonios).
**Paleta de colores**
- Primario: #1F2937 (gris oscuro)
- Secundario: #4B5563 (gris medio)
- Accent: #10B981 (verde esmeralda)
- Fondo: #F9FAFB (gris muy claro)
- Texto: #111827 (casi negro)
**Tipografía**
- Fuente principal: `Inter`, peso 400/600, tamaños fluidos con `text-base`, `text-lg`, `text-2xl` etc.
- Fuente secundaria para encabezados: `Playfair Display`, peso 700.
**Header** (fijo, altura 80px) con logo a la izquierda, menú horizontal (Home, About, Products, Blog, Conta
4.554 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.554 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, menú, carrito y botón CTA
- 2.1 Menú móvil desplegable
- 3.1 Hero principal
- 4.1 Galería de productos destacados
- 5.1 Bloque "Sobre nosotros"
- 6.1 Testimonios rotativos
- 7.1 Pie de página con enlaces y redes
PRODUCTS
- 1.1 Cabecera reutilizada
- 2.1 Lista de categorías en barra lateral
- 3.1 Cuadrícula de productos con filtro y paginación
- 4.1 Footer común
ABOUT
- 1.1 Cabecera reutilizada
- 2.1 Historia de la marca con imágenes
- 3.1 Valores y misión
- 4.1 Footer común
BLOG
- 1.1 Cabecera reutilizada
- 2.1 Lista de artículos con extractos y imágenes
- 3.1 Sidebar con categorías y tags
- 4.1 Footer común
CONTACT
- 1.1 Cabecera reutilizada
- 2.1 Formulario de contacto (nombre, email, mensaje)
- 3.1 Mapa incrustado
- 4.1 Footer común
PROMPTS RELACIONADOS · EDUCACIÓN
