NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia Luna Editorial, una revista digital de periodismo independiente. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Aplicar la siguiente paleta de colores: #212121 (texto principal), #FFFFFF (fondo), #FF5722 (acentos y botones), #757575 (texto secundario), #F5F5F5 (fondos de secciones). Tipografía: "Inter" para títulos (font-weight 700) y "Source Sans Pro" para cuerpo (font-weight 400).
Estructura:
- **Header**: barra superior con iconos sociales (Twitter, Instagram, Medium, Facebook, YouTube) alineados a la izquierda, logo centrado (anchura 280 px) y botón de carrito a la derecha que muestra número de artículos.
- **Navbar**: menú colapsable en dispositivos medianos, enlaces: Home, About y categorías dinámicas (Worl
3.885 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.885 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 iconos sociales y botón de carrito
- 1.2 Logo central
- 1.3 Menú de navegación principal con enlaces estáticos y lista dinámica de categorías
- 1.4 Sección de destacados (hero) – imagen grande y título
- 1.5 Grid de artículos recientes – tarjetas con imagen, título y extracto
- 1.6 Footer – logo reducido, enlaces rápidos, redes sociales, datos de contacto
ABOUT
- 1.1 Encabezado con título "Sobre nosotros"
- 1.2 Texto descriptivo de la editorial
- 1.3 Equipo – tarjetas con foto y biografía breve
- 1.4 CTA para suscripción al boletín
- 1.5 Footer común
CATEGORY PAGE
- 1.1 Título de la categoría
- 1.2 Listado de artículos filtrados por categoría – tarjetas estilo grid
- 1.3 Paginación
- 1.4 Footer común
POST DETAIL
- 1.1 Título del artículo
- 1.2 Imagen destacada
- 1.3 Fecha y autor
- 1.4 Cuerpo del artículo con tipografía legible
- 1.5 Bloque de comentarios (placeholder)
- 1.6 Artículos relacionados
- 1.7 Footer común
PROMPTS RELACIONADOS · ENTRETENIMIENTO
