NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página (HTML) usando TailwindCSS vía CDN y JavaScript vanilla (un solo fichero) que reproduzca el diseño y la estructura de la web descrita. Marca ficticia: Bitácora Nova, dominio bitacoranova.com. Paleta de colores principal: #eab308 (ámbar), #ef4444 (rojo), #3b82f6 (azul), negro #000000, blanco #ffffff. Tipografía: Inter (Google Fonts) para títulos y texto, peso 400‑600.
Estructura requerida:
- **Header**: barra superior con logo SVG a la izquierda, sin menú adicional, fondo blanco, borde inferior gris claro.
- **Hero**: sección centrada, fondo blanco, padding vertical amplio. Contiene h1 con tamaño grande, color negro, texto "Bitácora Nova — Mantén a tu comunidad al día". Párrafo descriptivo bajo el h1. Formulario de búsqueda inline: input tipo s
4.043 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.043 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
- 1.2 Hero (título, subtítulo, búsqueda)
- 1.3 Grid de tarjetas de artículo
- 1.4 Modal de artículo (oculto hasta clic)
- 1.5 Footer
ARTICLES
- 2.1 Header (reutilizado)
- 2.2 Título del artículo
- 2.3 Contenido rico (texto, encabezados, listas)
- 2.4 Botón volver a home
- 2.5 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 06/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
