NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web llamado Lumenario Blog, una plataforma de publicación de contenidos. Usa HTML estático en un solo archivo, Tailwind CSS CDN y JavaScript vanilla (sin frameworks).
--- Paleta de colores
- Fondo principal: #FFFFFF
- Texto primario: #111111
- Texto secundario: #555555
- Accent / botones: #1A73E8
- Hover accent: #1558B0
- Borde y líneas: #E0E0E0
--- Tipografía
- Fuente principal: "Inter", sans-serif (cargada vía Google Fonts)
- Tamaños base: text-base (1rem), títulos h1 3xl, h2 2xl, h3 xl, con peso semibold.
--- Header
- Barra fija, alto 80px, fondo blanco, sombra sutil (shadow-sm).
- Logo a la izquierda (texto Lumenario Blog en Inter Bold, color #111).
- Menú centrado con enlaces: Articles, Categories, About, Contact. Cada enlace con efecto underline animado usando pseudo
4.272 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.272 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 Header con logo, menú y botón Suscríbete
- 1.2 Barra de búsqueda overlay
- 1.3 Hero intro con título, subtítulo y CTA
- 1.4 Enlace a archivo Figma
- 1.5 Separador decorativo
- 1.6 Título "home styles"
- 1.7 Grid de tres cards con imágenes y enlaces a plantillas de inicio
ABOUT
- 1.1 Header compartido
- 1.2 Sección de presentación del equipo
- 1.3 Línea de tiempo de la marca
- 1.4 CTA a contacto
- 1.5 Footer
ARTICLES
- 1.1 Header compartido
- 1.2 Lista de artículos en formato grid
- 1.3 Paginación inferior
- 1.4 Sidebar con categorías y tags
- 1.5 Footer
CATEGORIES
- 1.1 Header compartido
- 1.2 Grid de categorías con imágenes
- 1.3 Descripción breve de cada categoría
- 1.4 Footer
CONTACT
- 1.1 Header compartido
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Información de contacto y mapa embebido
- 1.4 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
