Carrito Iniciar sesión
SAAS / STARTUP · Claude Design · HTML

Cloud Helio — Prompt de diseño web para Claude AI

Plataforma de ayuda y documentación en línea para empresas Centro de soporte accesible 24/7.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Cloud Helio — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia **Cloud Helio**, un SaaS de centro de ayuda 24/7. Usa solo HTML, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la arquitectura visual del sitio original: - **Header**: barra superior fija, logo a la izquierda, divisor vertical, texto "Help Center", barra de búsqueda centrada, menú con enlace a "Pages" que despliega un mega‑menu de tres columnas (Homes, Pages, Utility), enlaces directos a Home, Changelog, Support y botón secundario "Go to Docs" con icono externo. Incluye botón hamburguesa para móvil. - **Hero**: contenedor centrado de ancho máximo 900 px, fondo oscuro, título grande en blanco, subtítulo en tono neutro, dos botones (blanco y secundario) alineados centrados. - **Galería de páginas**: fila h
4.200 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.200 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Cloud Helio — home completa
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 fija con logo, barra de búsqueda y menú desplegable
  • 1.2 Hero principal con título, subtítulo y botones de acción
  • 1.3 Galería de vistas previas de páginas del producto
  • 1.4 Sección "Qué incluye" con título y descripción
  • 1.5 Cuadrícula de 3 tarjetas con estadísticas y mini‑imágenes

PAGES

  • 2.1 Cabecera idéntica a la home
  • 2.2 Título de la página y breadcrumbs
  • 2.3 Contenido principal (texto, listas, imágenes)
  • 2.4 Sidebar opcional con enlaces internos
  • 2.5 Footer común

CHANGES

  • 3.1 Cabecera idéntica a la home
  • 3.2 Título y lista de actualizaciones
  • 3.3 Tarjetas de cambios con fecha y descripción breve
  • 3.4 Footer común

SUPPORT

  • 4.1 Cabecera idéntica a la home
  • 4.2 Formulario de contacto rápido
  • 4.3 Preguntas frecuentes en acordeón
  • 4.4 Información de contacto y enlaces útiles
  • 4.5 Footer común
PROMPTS RELACIONADOS · SAAS / STARTUP

Otros prompts de la misma categoría