NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática en un único archivo HTML que reproduzca el diseño visual y la estructura de la web analizada, pero con la marca ficticia **Formación Helio**. Usa TailwindCSS vía CDN y JavaScript vanilla (sin frameworks) para interactividad mínima (menú hamburguesa, carrusel en hero, ticker animado).\n\n**Alcance**: Home, Blog listado, Blog detalle, Servicios listado, Servicio detalle, Tienda (grid). Cada página debe compartir el mismo header y footer.\n\n**Paleta de colores**:\n- Primario: #7A3E9D (violeta profundo)\n- Secundario: #F4E1F9 (lavanda claro)\n- Texto principal: #1A1A1A (negro carbón)\n- Texto secundario: #555555 (gris medio)\n- Fondo: #FFFFFF (blanco)\n\n**Tipografía**:\n- Fuente principal: 'Inter', sans‑serif (cargar desde Google Fonts)\n- Fuente de títulos: 'Pla
4.710 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.710 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ú y botón CTA
- 1.2 Hero con título, botón primario y secundario, collage de imágenes
- 1.3 Bloque de características (16+ páginas, 27+ secciones, etc.)
- 1.4 Sección de demos de la Home con ticker animado
- 1.5 Cuadrícula de páginas internas (blogs, servicios, tienda…)
- 1.6 Footer con información de contacto y enlaces
BLOGS
- 2.1 Cabecera interna con breadcrumb y título de sección
- 2.2 Lista de entradas en tarjetas con imagen, título y resumen
- 2.3 Paginación simple
BLOG SINGLE
- 3.1 Imagen destacada, título, fecha y contenido del artículo
- 3.2 barra lateral con categorías y posts relacionados
SERVICES
- 4.1 Cuadrícula de servicios con icono, título y breve descripción
- 4.2 CTA para solicitar consulta
SERVICE SINGLE
- 5.1 Detalle del servicio con imagen, texto descriptivo y formulario de reserva
TIENDA
- 6.1 Cabecera con filtros y búsqueda
- 6.2 Grid de productos con foto, nombre, precio y botón "Agregar"
- 6.3 Footer reutilizado
PROMPTS RELACIONADOS · EDUCACIÓN
