NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca **Agencia Ámbar**, una agencia digital creativa. Utiliza únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. El diseño debe replicar la estructura y estilo del sitio original sin copiar texto ni imágenes específicas; inventa contenido propio y usa imágenes libres de derechos (p. ej. Unsplash) con temática tecnológica y creativa.
**Paleta de colores**:
- #0A0A0A (negro profundo)
- #FFFFFF (blanco)
- #E0E0E0 (gris claro)
- #00BFA5 (cian brillante)
- #FF4081 (rosa vibrante)
**Tipografía**:
- Fuente principal: "Inter", sans-serif (carga desde Google Fonts).
- Fuente de acentos: "Playfair Display", serif para títulos grandes.
**Header**: barra de navegación fija, fondo transparente que se vuelve sólido al hace
4.947 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.947 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 Navbar transparente con logo y menú hamburguesa
- 1.2 Hero con título principal, subtítulo, párrafo, galería multimedia y botón CTA
- 1.3 About con texto de presentación y tres contadores animados (años, clientes, proyectos)
- 1.4 Services con encabezado, párrafo explicativo, video de fondo y cuatro tarjetas de servicio numeradas
- 1.5 Projects con presentación tipo carrusel rotativo y efectos de paralaje
ABOUT
- 2.1 Header interno con título "Sobre nosotros"
- 2.2 Texto descriptivo ampliado
- 2.3 Repetición de los contadores principales para reforzar credibilidad
SERVICES
- 3.1 Header interno con título "Servicios"
- 3.2 Video de fondo a pantalla completa con overlay difuminado
- 3.3 Cuatro tarjetas con número, ícono y descripción del servicio
PROJECTS
- 4.1 Header interno con título "Proyectos"
- 4.2 Galería rotativa con imágenes en alta resolución y transiciones suaves
- 4.3 Texto descriptivo opcional bajo cada proyecto
PROMPTS RELACIONADOS · AGENCIA DIGITAL
