NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Growth Lumen" (agencia digital) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir fielmente la estructura y el estilo visual del sitio analizado:
**Paleta de colores**: #0D0D0D (negro profundo), #1A1A1A (gris casi negro), #FFFFFF (blanco), #4A90E2 (azul acento), #F5F5F5 (gris claro).
**Tipografía**: Inter (Google Fonts) para todo el texto, usar peso 400 para párrafos, 600 para subtítulos y 700 para encabezados.
**Header / Navbar**: barra fija con logo a la izquierda, enlaces de navegación (Home, Services, About, Articles, Contact) alineados a la derecha y un botón primario "Start a Project" con efecto hover de puntos circulares. El menú debe ser responsive: colapsar a
4.457 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.457 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 Hero con título dividido en tres líneas y slider de fondo
- 1.2 Botón principal "Start a Project"
- 1.3 Texto descriptivo bajo el hero
- 1.4 Carrusel de logos e imágenes de marcas (dos filas, desplazamiento horizontal)
- 1.5 Footer con logo, menú de enlaces y datos de contacto
SERVICES
- 2.1 Título de página y lista de servicios con iconos
- 2.2 Descripción breve de cada servicio
- 2.3 CTA para contactar
ABOUT
- 3.1 Historia de la agencia con imagen ilustrativa
- 3.2 Valores y misión en bloques de texto
- 3.3 Equipo con fotos y roles
ARTICLES
- 4.1 Lista de artículos de blog en grid de tarjetas
- 4.2 Cada tarjeta con imagen, título y extracto
- 4.3 Paginación simple
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Información de contacto y mapa incrustado
- 5.3 Botón enviar
PROMPTS RELACIONADOS · AGENCIA DIGITAL
