NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Growth Coral" (agencia digital) usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla en línea. Reproduce la estructura y estilo del sitio original sin copiar texto ni imágenes, generando contenido propio en español de España.
**Paleta de colores**
- Fondo principal: #111111
- Texto principal: #FFFFFF
- Destacado/cta: #00FFC8
- Subtle accent: #555555
- Hover/links: #00A3A3
**Tipografía**
- Fuente principal: Inter (Google Fonts) – peso 400/600/700
- Fuente secundaria para títulos: Playfair Display – peso 700
**Header**
- Barra fija, fondo negro, logo a la izquierda (texto "Lúmina" en Inter bold, color #00FFC8).
- Menú hamburguesa a la derecha que al hacer clic despliega un overlay con enlaces: Home, Sobre noso
4.675 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.675 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ú hamburguesa y botón "Get started"
- 1.2 Hero left: iconos sociales y texto de ubicación
- 1.3 Hero center: tipografía rotada "Lúmina" y collage de imágenes rotadas
- 1.4 Hero right: etiquetas de servicios en scroll vertical y flecha de scroll
- 1.5 Sección Servicios: título, subtítulo, imagen descriptiva, texto introd., contador animado y botón
- 1.6 (placeholder) Galería de proyectos: cuadrícula de tarjetas con imágenes y overlay
- 1.7 Footer: columnas de navegación, contacto y redes sociales
ABOUT
- 2.1 Header reutilizado
- 2.2 Bloque de presentación de la agencia con imagen y texto descriptivo
- 2.3 Equipo: tarjetas con foto, nombre y rol
- 2.4 Valores: iconos y breves descripciones
- 2.5 Footer reutilizado
SERVICES
- 3.1 Header reutilizado
- 3.2 Lista de servicios en tarjetas con icono, título y breve descripción
- 3.3 Proceso: pasos numerados con ilustraciones
- 3.4 Testimonios: carrusel de citas
- 3.5 Footer reutilizado
PROJECTS
- 4.1 Header reutilizado
- 4.2 Galería filtrable de proyectos en grid responsive
- 4.3 Detalle de proyecto individual (imagen hero, descripción, retos, resultados)
- 4.4 Footer reutilizado
CONTACT
- 5.1 Header reutilizado
- 5.2 Formulario de contacto simple (nombre, email, mensaje, botón enviar)
- 5.3 Información de contacto y mapa embebido
- 5.4 Footer reutilizado
PROMPTS RELACIONADOS · AGENCIA DIGITAL
