NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático inspirado en el diseño oscuro y minimalista de un blog tecnológico, usando HTML + Tailwind CDN + JavaScript vanilla en un solo archivo. Marca ficticia: Lúmina Blog (lumina-blog.com). Paleta de colores: #0d0d0d (fondo principal), #1a1a1a (paneles y barras laterales), #ffffff (texto principal), #ff6600 (acentos y botones). Tipografía: Inter, peso 400/600, tamaño base 16px.
Estructura:
- <header class="fixed top-0 left-0 right-0 bg-[#1a1a1a] flex items-center justify-between p-4">
- Logo (svg o texto) a la izquierda.
- Enlaces "Categories" y "Login" con efecto hover de fondo #ff6600 y desplazamiento de texto.
- Botón hamburguesa animado que abre el menú lateral izquierdo.
- <aside class="fixed left-0 top-0 h-full w-64 bg-[#0d0d0d] transform -translate-x-full
4.168 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.168 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 superior con logo, enlaces a categorías y login, botón de menú hamburguesa
- 1.2 Barra lateral izquierda (espacio vacío)
- 1.3 Barra lateral derecha con iconos de redes sociales
- 1.4 Hero con título grande, subtítulo y botón principal
- 1.5 Rejilla de artículos (tarjetas con imagen, categoría, título, extracto)
- 1.6 Sección de suscripción al boletín
- 1.7 Footer con enlaces útiles y datos de contacto
ABOUT
- 2.1 Header idéntico a Home
- 2.2 Hero de página "Sobre nosotros" con foto y texto descriptivo
- 2.3 Equipo (tarjetas de perfiles)
- 2.4 Footer
ARTICLES
- 3.1 Header
- 3.2 Lista de artículos en formato listado con paginación
- 3.3 Sidebar con filtros por categoría y popularidad
- 3.4 Footer
CONTACT
- 4.1 Header
- 4.2 Formulario de contacto (nombre, email, mensaje)
- 4.3 Mapa integrado (placeholder)
- 4.4 Footer
PROMPTS RELACIONADOS · BELLEZA / SPA
