NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Creador Andina** (agencia digital de branding) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir fielmente la estructura y estilo del template analizado, sin copiar textos ni imágenes originales.
**Alcance**:
- Navegación fija con logo SVG (creado con paths simples), enlaces a #services, #work, #pricing y botón de modo claro/oscuro.
- Hero oscuro con título grande, subtítulo y botón CTA.
- Sección "Servicios" con tres columnas, cada una con un icono minimalista, título y breve descripción.
- Sección "Portafolio" tipo grid 3 columnas, tarjetas con imagen placeholder (https://placehold.co/400x300) y overlay de título al hover.
- Sección "Pricing" con tres tarjetas de precios alineadas,
3.781 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.781 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 fija con logo SVG, enlaces a secciones y selector de modo claro/oscuro
- 1.2 Hero principal con título destacado, descripción breve y botón CTA
- 1.3 sección Servicios con tarjetas horizontales y texto descriptivo
- 1.4 sección Portafolio con cuadrícula de proyectos y efectos hover
- 1.5 sección Pricing con tarjetas de precios alineadas, características y botón de compra
- 1.6 sección Contacto con formulario simple y mapa ilustrado
- 1.7 Footer con enlaces institucionales, redes sociales y copyright
SERVICIOS
- 2.1 Título de la página y descripción introductoria
- 2.2 Lista de servicios en columnas, cada una con icono, título y párrafo
- 2.3 CTA secundario para solicitar propuesta
PORTAFOLIO
- 3.1 Galería tipo masonry de proyectos con imágenes y overlay de título
- 3.2 Filtro por categoría (p.ej. branding, UI, motion)
- 3.3 Botón cargar más
PRECIO
- 4.1 Tabla comparativa de planes con precios, características y botón de selección
- 4.2 Preguntas frecuentes en acordeón
CONTACTO
- 5.1 Formulario de contacto (nombre, email, mensaje) con validación simple
- 5.2 Información de contacto y mapa estático
- 5.3 Enlaces a redes sociales
FOOTER
- 6.1 Logo pequeño, enlaces de navegación secundaria, políticas y términos
- 6.2 Íconos de redes sociales con hover
- 6.3 Texto de derechos reservados
PROMPTS RELACIONADOS · PORTAFOLIO
