NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La marca se llama "Panel Titan" (dominio paneltitan.com). El proyecto debe reproducir fielmente el patrón de UI del sitio analizado:
- **Header**: barra de navegación fija, logo a la izquierda, menú con enlaces principales (Intro, Home dropdown con 6 opciones, Components dropdown con íconos, Pricing dropdown, Blog dropdown, Help Center, Pages dropdown), botón destacado "Comprar plantilla" a la derecha y botón hamburguesa para móvil.
- **Hero**: sección a pantalla completa con fondo sólido, columna izquierda con icono grande, título h1, párrafo descriptivo, dos botones (primary y ghost) y columna derecha con imágenes flotantes de smartphone y tablet.
- **Sección Layouts**: título "Elige
4.170 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.170 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 con logo, menú desplegable y botón principal
- 1.2 Hero introductorio con título, descripción, botones y mockups de dispositivos
- 1.3 Sección de selección de diseños de home con tarjetas y badges
- 1.4 Sección de contadores animados con cifras y descripciones
- 1.5 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 1.1 Cabecera con título y breadcrumb
- 1.2 Texto descriptivo con imagen a la izquierda
- 1.3 Equipo de trabajo en tarjetas con foto y cargo
- 1.4 CTA para contacto
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 1.2 Información de ubicación y redes sociales
- 1.3 Mapa incrustado
BLOG
- 1.1 Lista de artículos con imagen destacada, título, extracto y botón leer más
- 1.2 Paginación inferior
- 1.3 Sidebar con categorías y últimas entradas
PRICING
- 1.1 Tabla comparativa de planes con características y botones de selección
- 1.2 FAQ acordeón debajo de la tabla
HELP CENTER
- 1.1 Búsqueda rápida y lista de artículos de ayuda organizados por categorías
- 1.2 Breadcrumb de navegación
PROMPTS RELACIONADOS · SAAS / STARTUP
