NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Luminario Press** (luminariopress.com), sector de contenidos editoriales, siguiendo el diseño de la plantilla analizada. Usa **HTML puro + Tailwind CSS vía CDN + JavaScript vanilla en un solo archivo**.
**Alcance**: Home, página de categorías, detalle de artículo, suscripción, carrito modal y checkout.
**Paleta de colores** (extraída y adaptada):
- #1A1A1A (gris muy oscuro) – fondo principal
- #FFFFFF (blanco) – texto y fondos secundarios
- #E63946 (rojo coral) – acentos, botones y enlaces principales
- #F1FAEE (verde pálido) – fondos de secciones destacadas
- #A8DADC (azul grisáceo) – hover y bordes suaves
**Tipografía**:
- Fuentes de Google: `Montserrat` para encabezados (peso 700) y `Merriweather` para párrafos (peso 400).
**Hea
5.182 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.182 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 superior con logo, buscador y menú hamburguesa
- 1.2 Navegación principal con enlaces a categorías, botón Suscríbete y acceso al carrito
- 1.3 Sub‑navbar con enlaces rápidos a secciones principales
- 1.4 Hero de artículos destacados en carrusel o grid
- 1.5 Sección de últimos artículos en rejilla de 3 columnas
- 1.6 Newsletter con formulario de suscripción
- 1.7 Footer con enlaces institucionales, redes sociales y datos de contacto
CATEGORIAS
- 2.1 Lista de categorías en columnas, cada una enlaza a su página de archivo
ARTICULO
- 3.1 Header del artículo con título, autor y fecha
- 3.2 Imagen destacada a pantalla completa
- 3.3 Cuerpo del texto con tipografía legible y bloques de citas
- 3.4 Sidebar con artículos relacionados y botones de compartir
- 3.5 Comentarios integrados y formulario de respuesta
SUSCRIPCION
- 4.1 Página de suscripción con formulario simple (email, nombre)
- 4.2 Detalle de plan y botón de confirmar
CARRITO
- 5.1 Modal de carrito con lista de productos, cantidades y total
- 5.2 Botón de checkout y enlaces a política de devoluciones
CHECKOUT
- 6.1 Formulario de datos de facturación y pago
- 6.2 Resumen de la orden y botón final de confirmar compra
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO