NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática para la marca ficticia Data Delta (SaaS de kits UI/UX) siguiendo exactamente los patrones visuales del sitio analizado. Usa HTML5, Tailwind CSS CDN y JavaScript vanilla en un único archivo.
**Paleta de colores** (hex): #F5E9D5 (tan claro de fondo), #0A2540 (azul oscuro para textos y botones), #FFFFFF (blanco), #1E3A5F (azul medio para acentos), #D9E2EC (gris muy claro para separadores).
**Tipografía**: Fuente principal "Inter" (Google Fonts) para textos, "Playfair Display" para encabezados.
**Estructura**:
- **Banner superior**: barra de ancho completo con fondo #0A2540, texto blanco "Data Delta es un template exclusivo de UI kits. Explora más aquí." y botón de cerrar (icono SVG) a la derecha.
- **Navbar**: contenedor flex, logo SVG a la izquierda, enlaces c
4.845 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.845 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 Banner superior con mensaje y botón cerrar
- 1.2 Navbar con logo, enlaces, dropdown de funciones y botones de login/cta
- 2.1 Hero principal con título, subtítulo, CTA y mockup ilustrado
- 3.1 Slider de logos de clientes (carrusel continuo)
- 4.1 Bloque de características en tres columnas (icono, título, descripción)
- 5.1 Tarjeta destacada (imagen izquierda, texto centrado, botón)
ABOUT
- 1.1 Encabezado con título y párrafo descriptivo
- 2.1 Imagen ilustrativa
- 3.1 Lista de valores o ventajas
FEATURES
- 1.1 Título de sección y descripción breve
- 2.1 Grid de características (icono, título, descripción) en filas
PRICING
- 1.1 Tabla de planes con nombre, precio ficticio, lista de funcionalidades y botón
BLOG
- 1.1 Lista de artículos con imagen, título, extracto y enlace
CONTACT
- 1.1 Formulario de contacto (nombre, email, mensaje, botón)
- 2.1 Información de contacto y mapa
LOGIN
- 1.1 Formulario de acceso (email, contraseña, botón)
- 2.1 Enlace a recuperación de contraseña
PROMPTS RELACIONADOS · SAAS / STARTUP
