NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático llamado **Suite Titan** (dominio ficticio suitetitan.com) que reproduzca fielmente la estructura y estilo de la plantilla analizada, usando **HTML5**, **Tailwind CSS (CDN)** y **JavaScript vanilla** en un único archivo. La paleta de colores debe ser:
- Fondo principal: #ffffff
- Texto oscuro: #111111
- Azul primario: #1e40af
- Azul claro (hover/ accents): #3b82f6
- Gris neutro: #f3f4f6
- Rojo de alertas: #dc2626
Tipografía: **Inter** para cuerpo y **Lexend Deca** para encabezados, cargadas desde Google Fonts.
**Header**
- Barra superior estrecha con fondo #111111, texto #ffffff, enlace en azul #3b82f6.
- Logo compuesto por dos puntos circulares (uno blanco, otro #1e40af) y texto "Suite Titan" en Inter Bold, 24px.
- Menú de navegación centrado, enlaces en #111111
4.841 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.841 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 anuncio con mensaje y enlace
- 1.2 Header con logo, navegación y carrito
- 1.3 Hero con título, descripción y botones CTA
- 1.4 Bloque de características en 3 columnas con iconos numerados
- 1.5 Carrusel de testimonios de clientes
- 1.6 Tabla comparativa de planes de precios
- 1.7 Grid de últimas entradas del blog
- 1.8 Footer con información de contacto, enlaces rápidos y formulario de newsletter
ABOUT
- 2.1 Hero interno con título "Sobre nosotros"
- 2.2 Texto descriptivo y misión
- 2.3 Equipo en tarjetas con foto y rol
- 2.4 Valores de la empresa en íconos
- 2.5 CTA a contacto
FEATURES
- 3.1 Hero de características
- 3.2 Lista detallada de funcionalidades con iconos
- 3.3 Sección de integración con logos de partners
- 3.4 Demo video embed
- 3.5 CTA a prueba gratuita
PRICING
- 4.1 Hero de precios
- 4.2 Tabla comparativa de tres planes (Basic, Pro, Enterprise)
- 4.3 Lista de beneficios por plan
- 4.4 FAQ accordion
- 4.5 CTA de compra
BLOG
- 5.1 Hero de blog
- 5.2 Grid de tarjetas de artículos con imagen, título y excerpt
- 5.3 Sidebar con categorías y suscripción
- 5.4 Paginación inferior
CONTACT
- 6.1 Hero de contacto
- 6.2 Formulario de contacto con campos nombre, email, mensaje
- 6.3 Mapa incrustado
- 6.4 Información de contacto y redes sociales
PROMPTS RELACIONADOS · SAAS / STARTUP
