NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la agencia ficticia Glow Faro usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Utiliza la siguiente paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #F5F5F5 (gris claro), #0077B6 (azul protagonista) y #00B4D8 (azul acento). Tipografía: fuente principal "Inter" (Google Fonts) en pesos 400 y 600, y fuente secundaria "Space Mono" para destacadas.
Estructura obligatoria:
- <header> con contenedor flex, logo (letra "N" estilizada) a la izquierda y botón "MENU" a la derecha. Al hacer clic, despliega un <nav> overlay ocupando toda la pantalla con fondo semi‑transparente, enlaces verticales: Home, Sobre nosotros, Proyectos, Contacto, y fila de iconos de redes sociales (Instagram, LinkedIn, Twitter, Fa
3.893 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.893 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 Barra de navegación superior con logo y botón de menú
- 1.2 Menú overlay con enlaces a Home, Sobre nosotros, Proyectos y Contacto, y enlaces a redes sociales
- 1.3 Hero section con fondo overlay, título animado, subtítulo con resaltados, botones primario y secundario, y bloque de marcas partner en marquee
- 1.4 Footer con enlaces de navegación y datos de contacto
SOBRE NOSOTROS
- 2.1 Encabezado de página y descripción de la agencia
- 2.2 Equipo con tarjetas de perfil
- 2.3 Valores y metodología en bloques tipo grid
PROYECTOS
- 3.1 Galería filtrable de trabajos con imágenes y títulos
- 3.2 Detalle de proyecto con carrusel de imágenes y descripción
CONTACTO
- 4.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 4.2 Información de contacto rápido y mapa embebido
FOOTER
- 5.1 Enlaces de navegación secundarios, redes sociales y datos legales
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 09/07/2026
PROMPTS RELACIONADOS · BELLEZA / SPA
