NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo en un solo archivo HTML que reproduzca el diseño visual y la estructura de la web analizada, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla. La marca ficticia es Nexoria Cloud, una plataforma SaaS de gestión inteligente de procesos con IA.
--- REQUISITOS DE ESTILO ---
- Paleta de colores: #0A0A0A (negro fondo), #FFFFFF (texto), #1E3A8A (azul primario), #3B82F6 (azul secundario), #6B7280 (gris neutro), #F3F4F6 (gris claro).
- Tipografía: "Inter", sans-serif para todo el texto; encabezados con peso 700, cuerpo con peso 400.
- Uso de sombras suaves y bordes redondeados (rounded-lg). Botones con efecto overlay‑shadow y fondo en azul primario, texto blanco.
- Iconos simples en SVG con color azul secundario.
--- ESTRUCTURA DE PÁGINAS ---
1. **Home**
5.251 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.251 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, logo a la izquierda, enlaces Home, About us, Features, Pricing, Blog, Integration y botón Get Started a la derecha.
- 2.1 Hero con fondo de video a pantalla completa, título grande, subtítulo, botón CTA "Get Started Now" y pequeño label "Smarter Task Management".
- 3.1 Sección de confianza: texto "Trusted by the World’s Largest Companies" y carrusel de 7 logos de marcas.
- 4.1 Bloque "Our team..." con icono, encabezado descriptivo, botón "Learn More".
- 5.1 Contadores animados: Performance Snapshot (valor $22‑34M+) y Digital Reach (valor 22‑34‑...+).
ABOUT
- 1.1 Header heredado de Home, contenido centrado, texto descriptivo y botón de contacto.
- 2.1 Lista de características, testimonios y equipo.
FEATURES
- 1.1 Header, grid de tarjetas explicando funciones clave.
- 2.1 Ilustraciones y CTA para probar.
PRICING
- 1.1 Tabla comparativa de planes con CTA.
- 2.1 Preguntas frecuentes.
BLOG
- 1.1 Lista de entradas con imágenes, títulos y resúmenes.
- 2.1 Barra lateral con categorías y suscripción.
INTEGRATION
- 1.1 Grid de íconos de integraciones compatibles.
- 2.1 CTA para solicitar integración personalizada.
CONTACT
- 1.1 Formulario de contacto simple y mapa incrustado.
- 2.1 Información de contacto y enlaces a redes.
PROMPTS RELACIONADOS · SAAS / STARTUP