NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Escena Albor" (agencia digital) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Utiliza la siguiente paleta de colores: #0A0A0A (texto oscuro), #FFFFFF (fondo blanco), #1E40AF (azul principal), #F3F4F6 (gris claro), #2563EB (azul accent). Tipografía: Inter para encabezados y cuerpo, peso 400‑600, importada desde Google Fonts.
---
**Estructura y requisitos**
1. **Header** (sticky, altura 80px) con logo (texto "Lúmina" en Inter Bold, color #1E40AF), menú horizontal con enlaces: Home, About, Services, Portfolio, Blog, Contact. En escritorio, enlaces alineados a la izquierda y botón CTA "Let’s talk" a la derecha (bg #2563EB, texto blanco). En móvil, colapsar a hamburguesa que despliega un panel vertical con los m
4.812 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.812 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ú principal y botón CTA
- 2.1 Hero con título, subtítulo y mockups de páginas
- 3.1 Bloque de confianza con 6 iconos y descripciones
- 4.1 Galería de plantillas de home (3 tarjetas)
- 5.1 Footer con enlaces, información legal y redes
ABOUT US
- 1.1 Header reutilizado
- 2.1 Sección introductoria con título y párrafo descriptivo
- 3.1 Equipo de trabajo en tarjetas
- 4.1 Valores en lista con iconos
- 5.1 Footer reutilizado
SERVICES
- 1.1 Header reutilizado
- 2.1 Listado de servicios en tarjetas con icono, título y breve descripción
- 3.1 CTA para contactar
- 4.1 Footer reutilizado
PORTFOLIO
- 1.1 Header reutilizado
- 2.1 Grid de proyectos con imágenes y overlay
- 3.1 Filtro por categorías
- 4.1 Footer reutilizado
BLOG
- 1.1 Header reutilizado
- 2.1 Lista de artículos con miniatura, título y extracto
- 3.1 Paginación
- 4.1 Footer reutilizado
CONTACT
- 1.1 Header reutilizado
- 2.1 Formulario de contacto (nombre, email, mensaje) y mapa integrado
- 3.1 Información de contacto y redes
- 4.1 Footer reutilizado
PROMPTS RELACIONADOS · ENTERTAINMENT
