NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Data Helio** (dominio datahelio.com) siguiendo el stack **HTML + Tailwind CSS CDN + JavaScript vanilla en un único archivo**. Replicar la estructura y estilo visual del template analizado, sin copiar ningún texto original.
**Paleta de colores**
- Primario: #1A73E8 (azul vibrante)
- Secundario: #0F62FE (azul más oscuro)
- Texto principal: #212529 (gris casi negro)
- Texto secundario: #6C757D (gris medio)
- Fondo claro: #F8F9FA
- Fondo oscuro: #FFFFFF
**Tipografía**
- Fuente principal: "Inter", sans‑serif (cargar desde Google Fonts)
- Tamaños: 64px para h1 hero, 24px para subtítulos, 16px cuerpo, 14px para textos secundarios.
**Header**
- Barra de navegación sticky, fondo blanco, sombra ligera.
- Logo a la izquierda (placeholder SVG).
-
4.237 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.237 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 Cabecera con logo, menú principal con dropdowns y botón de acción
- 1.2 Hero principal con título, subtítulo y dos botones CTA
- 1.3 Bloque de funcionalidades en tres columnas con íconos y texto descriptivo
- 1.4 Lista de entradas del blog destacadas con miniatura y resumen
- 1.5 Testimonios en carrusel de tarjetas
- 1.6 CTA final con botón de reserva de demo
- 1.7 Footer con enlaces institucionales, redes y formulario de suscripción
ABOUT
- 2.1 Hero interno con título y breve descripción
- 2.2 Historia de la empresa en dos columnas
- 2.3 Equipo con fotos y cargos
- 2.4 Valores y misión en tarjetas
CONTACT
- 3.1 Formulario de contacto con campos básicos
- 3.2 Información de oficina y mapa incrustado
- 3.3 Botón de reserva de demo
BLOG
- 4.1 Lista de artículos en grid de tres columnas con imágenes
- 4.2 Sidebar con categorías y últimos posts
- 4.3 Paginación inferior
PRICING
- 5.1 Tabla comparativa de planes con características
- 5.2 CTA de suscripción bajo cada plan
RESOURCE
- 6.1 sección de recursos descargables en tarjetas
- 6.2 sección de webinars con calendario
INTEGRATIONS
- 7.1 Galería de logos de integraciones compatibles
- 7.2 Descripción breve de cada integración
CUSTOMERS
- 8.1 Grid de logos de clientes destacados
- 8.2 Testimonios de clientes en formato cita
LOGIN
- 9.1 Formulario de acceso con email y contraseña
- 9.2 Enlace a recuperación de contraseña
SIGNUP
- 10.1 Registro rápido con nombre, email y contraseña
- 10.2 Checkbox de términos y botón de crear cuenta
Imagen generada con GPT Image 1 · 04/06/2026
PROMPTS RELACIONADOS · SAAS / STARTUP
