NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática de una agencia digital ficticia llamada Agencia Coralina usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir el diseño del sitio analizado:
- Paleta de colores: #1a1a1a (fondo principal), #ffffff (texto), #f5f5f5 (elementos claros), #ff6600 (acentos), #00d1b2 (segunda accent).
- Tipografía: Inter (cuerpo) y Playfair Display (títulos).
- Header: logo a la izquierda, menú hamburguesa a la derecha que al clic muestra un overlay con enlaces numerados (01 Home, 02 About, 03 News, 04 Contact). Incluye iconos sociales pequeños en la parte superior izquierda.
- Hero: sección a pantalla completa con título grande dividido en tres líneas, animado con fade‑in, y un indicador de scroll (mouse con puntos).
- Servicios
3.408 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.408 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 enlaces numerados
- 1.2 Hero con título dividido en tres líneas y flecha de scroll
- 1.3 Bloque de servicios con título, botón y tres columnas enumeradas
- 1.4 Sección de trabajo destacado con logotipo grande
- 1.5 Galería de proyectos en círculo (4 items)
- 1.6 Footer con líneas decorativas y iconos sociales
ABOUT
- 2.1 Header reutilizado
- 2.2 Texto descriptivo de la agencia y equipo
- 2.3 Imagen de fondo y testimonios
- 2.4 Footer común
BLOG
- 3.1 Header
- 3.2 Lista de artículos en grid de dos columnas
- 3.3 Sidebar con categorías y newsletters
- 3.4 Footer
CONTACT
- 4.1 Header
- 4.2 Formulario de contacto simple (nombre, email, mensaje)
- 4.3 Mapa estático de ubicación
- 4.4 Footer
PROMPTS RELACIONADOS · DIGITAL AGENCY
