NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa en un solo archivo HTML que reproduzca el diseño visual y la estructura de la página analizada, usando la marca ficticia InfluaVista.
ALCANCE:
- Stack: HTML5 + TailwindCSS (CDN) + JavaScript vanilla (sin frameworks). Todo el código debe estar en un único archivo.
- Paleta de colores: Primario #1E3A8A (azul profundo), Secundario #3B82F6 (azul brillante), Fondo #F9FAFB (gris muy claro), Texto principal #111827 (gris casi negro), Texto secundario #6B7280 (gris medio), Accento #10B981 (verde). Usa estas variables en Tailwind mediante `--color-primary` etc.
- Tipografía: Fuente principal "Inter" (cargar desde Google Fonts), tamaño base 16px, encabezados con peso 600.
- Header: barra fija con logo (SVG placeholder), menú horizontal con enlaces Home, Influencers, Services,
4.359 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.359 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 Cabecera: logo, navegación con dropdowns, botón "Let’s talk" y botón móvil
- 1.2 Hero: título grande, subtítulo con icono, botón principal
- 1.3 Demo grid: tres tarjetas enlazadas (Agencia, Individual, Marketplace)
- 1.4 Key Advantage: título sección y tres tarjetas con icono, título y descripción
- 1.5 Features: (grid de características con iconos y textos)
- 1.6 Testimonials: (carrusel de opiniones)
- 1.7 CTA final: llamado a acción y formulario breve
- 1.8 Footer: enlaces de navegación, redes sociales, datos de contacto y suscripción
AGENCY HOME
- 1.1 Cabecera compartida
- 1.2 Hero específico para agencias
- 1.3 Listado de beneficios
- 1.4 Casos de estudio
- 1.5 CTA y footer
INDIVIDUAL HOME
- 1.1 Cabecera compartida
- 1.2 Hero orientado a creadores
- 1.3 Herramientas y métricas
- 1.4 Testimonios de influencers
- 1.5 CTA y footer
MARKETPLACE HOME
- 1.1 Cabecera compartida
- 1.2 Hero para marketplaces
- 1.3 Soluciones de integración
- 1.4 Partners destacados
- 1.5 CTA y footer
PROMPTS RELACIONADOS · BELLEZA / SPA
