NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Suite Neon** (plataforma SaaS de automatización) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Reproduce fielmente la **estructura y patrones UI** del sitio original (header con mega‑menu, hero, características, integración, testimonios, CTA y footer). No copiar texto; generar contenido original en español de España.
**Paleta de colores** (hex):
- Primario: #0A2640 (azul profundo)
- Secundario: #1E3A8A (azul intensidad)
- Accent: #3B82F6 (azul brillante)
- Fondo claro: #F9FAFB (gris muy claro)
- Texto oscuro: #111827 (gris casi negro)
**Tipografía**: Inter (Google Fonts) para todo el texto, peso 400‑600.
**Header**: barra fija, logo a la izquierda (texto "Suite Neon" con estilo), menú horiz
4.313 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.313 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ú desplegable en columnas y botón CTA
- 1.2 Hero con título grande, subtítulo y botón principal
- 1.3 Bloque de características en tres columnas con iconos y texto
- 1.4 Sección de integración con imagen a la derecha y lista de beneficios
- 1.5 Testimonios en carrusel de tarjetas
- 1.6 Llamada a la acción secundaria con formulario de registro
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 1.1 Header (reutilizado)
- 2.1 Imagen de cabecera y presentación de la empresa
- 2.2 Valores en cuadrícula de cuatro ítems
- 2.3 Equipo con fotos y breves biografías
- 2.4 Footer (reutilizado)
FEATURES
- 1.1 Header (reutilizado)
- 2.1 Lista de funcionalidades con iconos y descripciones ampliadas
- 2.2 Video explicativo incrustado
- 2.3 FAQ accordion
- 2.4 Footer (reutilizado)
PRICING
- 1.1 Header (reutilizado)
- 2.1 Tabla comparativa de planes con botones de selección
- 2.2 Preguntas frecuentes
- 2.3 Footer (reutilizado)
CONTACT
- 1.1 Header (reutilizado)
- 2.1 Formulario de contacto con campos básicos
- 2.2 Mapa incorporado
- 2.3 Información de contacto y redes sociales
- 2.4 Footer (reutilizado)
PROMPTS RELACIONADOS · SAAS / STARTUP
