Carrito Iniciar sesión
EDUCACIÓN · Claude Design · HTML

Academia Roble — Prompt de diseño web para Claude AI

Plataforma SaaS de centros de ayuda y documentación online Herramientas para que tu público encuentre respuestas rápidamente.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Academia Roble — 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 Academia Roble (academiaroble.com) con el estilo de un portal de ayuda SaaS. Utiliza HTML estático en un único archivo, Tailwind CSS vía CDN y JavaScript vanilla solo para el menú hamburguesa y la apertura/cierre del buscador. - Paleta de colores: #1F2937 (gris oscuro), #3B82F6 (azul primario), #10B981 (verde secundario), #F3F4F6 (gris claro), #111827 (texto principal). - Tipografía: Inter (Google Fonts) para títulos y texto, peso 400/600. - Header: barra de navegación fija superior, logotipo (placeholder SVG), menú principal con dos dropdowns ("Explorar" y "Contenido"), enlace "Comenzar" y botón de búsqueda que despliega un overlay con campo de entrada. Añade botón de compra ficticio "Comprar Academia Roble". - Hero: sección a pantalla co
3.524 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.524 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
Academia Roble — 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 Barra de navegación con logotipo, menú desplegable y buscador
  • 1.2 Hero con encabezado principal, subtítulo y botones CTA
  • 1.3 Bloque de características: tarjetas con icono, título y descripción
  • 1.4 Sección FAQ con imagen ilustrativa y lista de preguntas frecuentes
  • 1.5 Formulario de suscripción al boletín con mensaje de éxito/error
  • 1.6 Footer con marca, redes sociales, enlaces de navegación y copyright

PÁGINAS ADICIONALES

  • Pages: layout estático de ejemplo
  • Components: bloque de componentes UI reutilizables
  • Style Guide: guía de estilos y símbolos
  • Powerups: tutoriales de código y extensiones
  • CMS Sections (Topics, Articles, Courses, Lessons): listados de contenido dinámico
  • FAQ: página completa de preguntas frecuentes
  • Contact: formulario de contacto simple
  • Licenses, Changelog, Instructions: páginas informativas de producto
PROMPTS RELACIONADOS · EDUCACIÓN

Otros prompts de la misma categoría