NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **NexoCloud** (plataforma SaaS de productividad) usando **HTML único**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. La página debe reproducir el diseño y estructura del sitio analizado, sin copiar textos ni imágenes originales, sólo los patrones UI.
**Requisitos de stack**:
- `<script src="https://cdn.tailwindcss.com"></script>` para Tailwind.
- Utilizar la paleta de colores: #0F172A (gris oscuro), #1E293B (gris medio), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco).
- Tipografía: **Inter** para cuerpo y **Playfair Display** para títulos (cargar vía Google Fonts).
- Implementar un **header** con anuncio superior (icono SVG simple, texto y enlace), logo (placeholder SVG), menú principal con dropdowns
4.148 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.148 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 Aviso superior con icono y enlace
- 2.1 Barra de navegación principal con logo, enlaces y dropdowns
- 3.1 Hero con título, subtítulo y botones CTA
- 4.1 Cuatro tarjetas de características
- 5.1 Testimonios en carrusel
- 6.1 Tabla comparativa de planes
- 7.1 CTA final con formulario breve
- 8.1 Footer con enlaces, redes y contacto
FEATURES
- 1.1 Encabezado de página y descripción
- 2.1 Lista de funcionalidades con iconos
- 3.1 Imagen ilustrativa lateral
- 4.1 CTA para prueba gratuita
PRICING
- 1.1 Encabezado y descripción de planes
- 2.1 Tres tarjetas de precios con características
- 3.1 Comparativa de beneficios
- 4.1 FAQ acordeón
BLOG
- 1.1 Lista de artículos con imagen, título y extracto
- 2.1 Barra lateral de categorías y suscripción
- 3.1 Paginación
ABOUT
- 1.1 Historia y misión
- 2.1 Equipo con fotos y breves bios
- 3.1 Valores corporativos
CONTACT
- 1.1 Formulario de contacto simple
- 2.1 Mapa incrustado y datos de oficina
- 3.1 Enlaces rápidos a redes
LOGIN
- 1.1 Formulario de acceso con email y contraseña
- 2.1 Enlace a recuperación de contraseña
SIGN‑UP
- 1.1 Registro con campos básicos y checkbox de términos
- 2.1 Botón de creación de cuenta
CART
- 1.1 Vista lateral del carrito con lista de productos
- 2.1 Resumen de precios y botón de checkout
PROMPTS RELACIONADOS · SAAS / STARTUP
