NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Stack Zafiro, una startup de inteligencia artificial, replicando el diseño visual y la estructura de la plantilla analizada. Usa únicamente HTML estático en un único archivo, Tailwind CSS a través del CDN y JavaScript vanilla para interactividad (dropdowns, toggle de menú móvil, contadores animados, carrusel de testimonios y acordeón FAQ).
Paleta de colores:
- #0F172A (azul muy oscuro, fondo principal)
- #1E293B (gris azulado, cabeceras)
- #3B82F6 (azul primario, botones y enlaces)
- #F3F4F6 (gris claro, fondos de secciones)
- #FFFFFF (blanco, texto)
Tipografía:
- Fuente principal "Inter" (Google Fonts), peso 400-600, tamaños responsivos.
Estructura:
1. Header fijo con logo (texto Stack Zafiro), menú de navegación horizontal (H
4.024 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.024 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, dropdowns y botón de descarga
- 1.2 Hero con título grande, subtítulo y fondo gráfico
- 1.3 Sección de tarjetas destacadas (features) con iconos y texto
- 1.4 Bloque de estadísticas con contadores animados
- 1.5 Área de testimonios con carrusel simple
- 1.6 Tabla comparativa de planes de precios
- 1.7 Llamado a la acción final con formulario breve
- 1.8 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Header (reutilizado)
- 2.2 Hero de presentación de la empresa
- 2.3 Historia con imagen y texto
- 2.4 Equipo con tarjetas de perfil
- 2.5 Valores con iconos
- 2.6 Footer
PRICING
- 3.1 Header
- 3.2 Hero de precios
- 3.3 Tabla comparativa de planes (3 columnas)
- 3.4 FAQ accordión
- 3.5 Footer
BLOG
- 4.1 Header
- 4.2 Lista de artículos en grid
- 4.3 Sidebar con categorías y suscripción
- 4.4 Footer
CONTACT
- 5.1 Header
- 5.2 Formulario de contacto con campos básicos
- 5.3 Mapa incrustado
- 5.4 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
