NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Academia Perla" (agencia digital) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript Vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio original analizado, sin copiar texto ni imágenes.
**Alcance**
- Header fijo con logo animado (video loop sin sonido), menú de navegación (Home, About, Cases, Services, Contact) y barra de iconos sociales (Instagram, X, LinkedIn, Facebook). Incluye botón hamburguesa con animación de puntos como en el original.
- Hero section: subtítulo con icono, título grande con palabra resaltada en tipografía serif, descripción corta y botón CTA principal.
- Sección Servicios: grid 3 columnas, cada bloque con icono SVG, título y breve texto.
- Sección Cases: filtro de categorías
4.036 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.036 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 con logo animado, enlaces y redes sociales
- 2.1 Hero principal: subtítulo, título destacado, descripción y botón CTA
- 3.1 Servicios en grid de 3 columnas con iconos y texto breve
- 4.1 Casos de estudio: galería de tarjetas con proyecto y categoría
- 5.1 Estadísticas: contadores de resultados clave
- 6.1 CTA secundaria con formulario de captura de leads
- 7.1 Footer con enlaces institucionales, redes y datos de contacto
ABOUT
- 1.1 Header interno con título y breadcrumb
- 2.1 Texto institucional y valores diferenciadores
- 3.1 Equipo: tarjetas con foto, nombre y rol
- 4.1 CTA a proyecto o contacto
CASE STUDIES
- 1.1 Header interno con filtro de categorías
- 2.1 Grid de casos: imagen, título, breve descripción y enlace
- 3.1 Paginación o carga más
SERVICES
- 1.1 Header interno con descripción de servicios
- 2.1 Lista de servicios en tarjetas con iconos
- 3.1 Sección de precios o paquetes (sin precios mostrados)
- 4.1 CTA a solicitud de propuesta
CONTACT
- 1.1 Header interno con mensaje de bienvenida
- 2.1 Formulario de contacto: nombre, email, asunto, mensaje
- 3.1 Mapa integrado (imagen estática) y datos de dirección
- 4.1 CTA de suscripción al newsletter
PROMPTS RELACIONADOS · EDUCATION
