NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una agencia creativa ficticia llamada Estudio Digital Ámbar. Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. \n\n**Paleta de colores**: #0A0A0A (fondo principal), #1F1F1F (sectores), #FFFFFF (texto), #00D1FF (acento), #FF6B6B (hover). \n**Tipografía**: 'Inter' para body y títulos, peso 400‑700, tamaños fluidos usando Tailwind utilities (text-2xl, lg:text-4xl, etc.).\n\n**Header**: barra fija con logo a la izquierda (placeholder <img src='logo.svg'>) y botón hamburguesa a la derecha. Al hacer click, despliega un overlay a pantalla completa con menú vertical (Home, About, News, Contact). Cada enlace animado con transición de opacidad.\n\n**Hero**: sección a pantalla completa, fondo oscuro, animación Lottie de un sol (usando <lottie-playe
3.834 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.834 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 y menú hamburguesa
- 1.2 Hero con animación Lottie, texto destacado y botón de scroll
- 1.3 Section "Template Demos" con grid de tarjetas, cada una con imagen, overlay y título
- 1.4 Footer sencillo con enlaces de navegación y datos de contacto
ABOUT
- 1.1 Header reutilizado
- 1.2 Hero interior con título y párrafo descriptivo
- 1.3 Bloque de valores o equipo en columnas
- 1.4 Footer
NEWS
- 1.1 Header reutilizado
- 1.2 Lista de artículos en formato tarjeta
- 1.3 Paginación simple
- 1.4 Footer
CONTACT
- 1.1 Header reutilizado
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Mapa estático o imagen de ubicación
- 1.4 Footer
PROMPTS RELACIONADOS · DIGITAL AGENCY
