NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia LunaMente (lunamente.com) siguiendo el patrón visual del ejemplo analizado. Usa solo HTML estático en un único archivo, incluye TailwindCSS vía CDN y JavaScript vanilla (sin frameworks).
**Paleta de colores**:
- Fondo principal: #FFFFFF
- Texto principal: #171717
- Texto secundario: #555555
- Acento primaria: #1A73E8
- Fondo de tarjetas: #F9F9F9
- Borde sutil: #E0E0E0
**Tipografía**:
- Fuente principal: Inter (importar de Google Fonts) – peso 400, 500, 700
- Títulos h1‑h3 en Inter Bold, cuerpo en Inter Regular.
**Header (navbar)**: barra centrada, fondo blanco, sombra ligera. Logo a la izquierda (texto LunaMente). Menú horizontal con enlaces: Home, Artículos, Categorías, Sobre nosotros, Contacto. Botón destacado “Contacto” con fondo
4.323 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.323 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 Navbar centrado con logo y menú
- 1.2 Hero con título destacado
- 1.3 Grid de 3 tarjetas de artículos destacados
- 1.4 Footer con enlaces y redes sociales
ARTICLE
- 2.1 Navbar (reutilizado)
- 2.2 Imagen destacada del artículo
- 2.3 Título del artículo
- 2.4 Metadatos (categoría, tiempo, fecha)
- 2.5 Contenido del artículo (texto y media)
- 2.6 Footer
CATEGORIES
- 3.1 Navbar
- 3.2 Lista de categorías en tarjetas
- 3.3 Footer
ABOUT
- 4.1 Navbar
- 4.2 Sección de presentación con foto y texto descriptivo
- 4.3 Valores y misión en columnas
- 4.4 Footer
CONTACT
- 5.1 Navbar
- 5.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 5.3 Información de contacto breve
- 5.4 Footer
PROMPTS RELACIONADOS · BLOG / REVISTA
