NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa (single‑file) para la marca ficticia "Catedral Nova" (comercio electrónico de productos históricos). Usa HTML5 y Tailwind CSS mediante CDN, con JavaScript vanilla para interactividad mínima (dropdowns, carrusel, carrito modal). No incluyas frameworks externos ni dependencias adicionales.
PALLETE DE COLORES (hex):
- Fondo principal: #0F172A (azul noche profundo)
- Texto principal: #F1F5F9 (gris muy claro)
- Accento primario: #F59E0B (ámbar dorado)
- Accento secundario: #E2E8F0 (gris claro)
- Fondo de tarjetas: #1E293B (gris azul oscuro)
TIPOGRAFÍA:
- Fuente principal: "Inter", peso 400/600, load from Google Fonts.
- Fuente de títulos: "Playfair Display", peso 700, load from Google Fonts.
ESTRUCTURA:
1. **Header (navbar)**
- Logo a la izquierda (SVG simple,
4.995 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.995 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 fija con logo, menús dropdown y botón de carrito
- 1.2 Hero con título grande, subtítulo y llamada a la acción
- 1.3 Cuadrícula de categorías destacadas (3 columnas)
- 1.4 Sección de productos destacados con cards y botón "Añadir al carrito"
- 1.5 Testimonios rotativos en carrusel
- 1.6 Newsletter con formulario de suscripción
- 1.7 Footer con enlaces, contacto y redes sociales
ABOUT US
- 2.1 Header interno con breadcrumb
- 2.2 Imagen a pantalla completa con texto superpuesto
- 2.3 Texto descriptivo en dos columnas
- 2.4 Equipo en tarjetas con foto y bio breve
- 2.5 Footer común
PRODUCTS
- 3.1 Lista de productos en grid responsive
- 3.2 Filtros laterales (categoría, precio)
- 3.3 Card de producto con imagen, nombre, precio y botón
- 3.4 Modal rápido de vista previa
- 3.5 Footer común
BLOG
- 4.1 Lista de artículos con imágenes y extractos
- 4.2 Paginación inferior
- 4.3 Sidebar con categorías y tags
- 4.4 Footer común
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa incrustado
- 5.3 Información de contacto y redes
- 5.4 Footer común
PROMPTS RELACIONADOS · VIAJES Y TURISMO
