NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Media Austral" (agencia digital) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura y los patrones visuales del sitio analizado, sin copiar texto literal.
**Alcance**: Home, About Us, Services, Portfolio, Contact y Footer comunes. Cada página debe incluir los bloques enumerados en la tabla, con componentes interactivos (menú dropdown, sliders, carrusel, filtro de galería, formulario con validación sencilla).
**Stack**:
```html
<link href="https://cdn.tailwindcss.com" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4/dist/js/splide.min.js"></script>
```
Usar Tailwind para todo el estilo; evitar clases personalizadas externas.
**Paleta de
5.143 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.143 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ú principal, dropdown "Todas las páginas", botón "Reserva una llamada".
- 2.1 Hero con rating 4.8, texto rotativo, título principal, párrafo descriptivo y botón "HABLEMOS".
- 3.1 Bloque de servicios en tres columnas, iconos, título y breve descripción.
- 4.1 Portafolio destacado con cuadrícula de tarjetas, imagen, nombre del proyecto y enlace.
- 5.1 Testimonios en carrusel, foto, nombre, rating y comentario.
- 6.1 Llamado a la acción con formulario de captura (nombre, email, botón).
- 7.1 Footer con columnas: Sobre nosotros, Servicios, Enlaces rápidos, Redes sociales y datos de contacto.
ABOUT US
- 1.1 Header (reutiliza del home).
- 2.1 Historia y misión en dos columnas con imagen ilustrativa.
- 3.1 Equipo con tarjetas de perfil y enlaces a perfiles.
- 4.1 Valores en iconos con texto.
- 5.1 Footer (reutiliza del home).
SERVICES
- 1.1 Header.
- 2.1 Lista de servicios en tarjetas con icono, título y descripción breve.
- 3.1 Sección de proceso de trabajo en pasos numerados.
- 4.1 CTA para solicitar presupuesto.
- 5.1 Footer.
PORTFOLIO
- 1.1 Header.
- 2.1 Galería filtrable de proyectos (categorías).
- 3.1 Detalle de proyecto emergente con imágenes y texto.
- 4.1 CTA de contacto.
- 5.1 Footer.
CONTACT
- 1.1 Header.
- 2.1 Formulario de contacto completo (nombre, email, asunto, mensaje).
- 3.1 Información de oficina y mapa embed.
- 4.1 Footer.
PROMPTS RELACIONADOS · AGENCIA DIGITAL
