NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Lúmina Estribillo" (agencia digital) usando HTML único, Tailwind CSS vía CDN y JavaScript vanilla (un solo archivo). Reproduce la estructura visual del sitio analizado sin copiar texto.
**Paleta de colores**
- Primario: #1E3A8A (azul oscuro)
- Secundario: #2563EB (azul brillante)
- Accent: #FBBF24 (amarillo dorado)
- Fondo claro: #F9FAFB (gris muy claro)
- Texto oscuro: #111827 (gris casi negro)
**Tipografía**
- Fuente principal: 'Inter', sans-serif (cargada desde Google Fonts)
- Fuente secundaria para títulos: 'Playfair Display', serif
**Header**
- Logo a la izquierda (placeholder SVG)
- Menú horizontal con enlaces: Home, Case studies, Blog, About, Contact
- Botón CTA a la derecha con texto "Book A Call"
- Menú colapsable en móviles (
4.576 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.576 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 CTA
- 1.2 Hero principal (badge, título, párrafo, botón, enlaces sociales, logos de partners)
- 1.3 Sección Servicios (título, subtítulo, grid de 6 tarjetas con icono, título, descripción, número y badges secundarios)
- 1.4 Footer (logo, links a Home, Case studies, Blog, About, Contact, botón "Book A Call", datos de contacto y redes)
CASE STUDIES
- 2.1 Header idéntico al de Home
- 2.2 Título de página y listado de casos con imágenes y descripciones
- 2.3 Footer igual que en Home
BLOG
- 3.1 Header
- 3.2 Lista de artículos con miniaturas, títulos y extractos
- 3.3 Pagination
- 3.4 Footer
ABOUT
- 4.1 Header
- 4.2 Texto institucional con imagen destacada
- 4.3 Equipo (grid de perfiles con foto y rol)
- 4.4 Footer
CONTACT
- 5.1 Header
- 5.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 5.3 Información de contacto y mapa
- 5.4 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
