Carrito Iniciar sesión
LMS / CURSOS ONLINE · Claude Design · HTML

MentoraDigital — Prompt de diseño web para Claude AI

Plataforma de cursos y mentorías online Espacio para aprender con guías experimentados.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático usando HTML5, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. La marca ficticia es MentoraDigital (dominio mentradigital.com). Utiliza la siguiente paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #1E40AF (azul índigo), #3B82F6 (azul claro), #F3F4F6 (gris muy claro). Tipografía: Inter (Google Fonts) para textos y headings, peso 400‑600. ### Header - Barra de navegación sticky, fondo blanco, sombra ligera. Logo a la izquierda (svg placeholder). Enlaces centrados: Home, Demo, Inner Pages, Utility Pages, Authentication. Botón primario a la derecha con fondo #1E40AF, texto blanco, hover #3B82F6. Menú hamburguesa responsive que despliega los enlaces en modo móvil. ### Hero (Home Banner) - Sección full‑width con fondo blanco. Subtítulo cent
4.629 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.629 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
MentoraDigital — 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 fija con logo, enlaces y botón primario
  • 1.2 Hero principal con subtítulo, título, párrafo y dos botones CTA
  • 1.3 Galería de tarjetas visuales bajo el hero
  • 1.4 Bloque "Qué incluye" con tres ítems descriptivos
  • 1.5 Demo de la página principal con imagen y etiqueta
  • 1.6 Demo de páginas interiores con cuadrícula de miniaturas

DEMO HOME

  • 2.1 Imagen completa de la demo de la home con etiqueta

INNER PAGES

  • 3.1 Cuadrícula de miniaturas de páginas interiores (About, Contact, Courses, etc.)

UTILITY PAGES

  • 4.1 Placeholder para páginas de utilidad (política, términos, etc.)

AUTHENTICATION PAGES

  • 5.1 Placeholder para login, registro y recuperación de contraseña
PROMPTS RELACIONADOS · LMS / CURSOS ONLINE

Otros prompts de la misma categoría