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

Aula Cumbre — Prompt de diseño web para Claude AI

Desarrollo web y consultoría tecnológica Transformamos ideas en experiencias digitales.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Aula Cumbre — 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 "Aula Cumbre" (aulacumbre.com), sector Desarrollo web y consultoría tecnológica, claim "Transformamos ideas en experiencias digitales". Utiliza únicamente HTML estático, TailwindCSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #0A0A0A (fondo oscuro), #FFFFFF (texto), #1E90FF (acentos azul), #F5F5F5 (gris claro), #FF6B6B (rojo acento). Tipografía: Inter (Google Fonts) para encabezados y texto, peso 400‑700. Estructura y contenido: - **Header**: barra de navegación fija, fondo semi‑transparente, iconos SVG para Home, Work, About, Pricing, Blog y botón externo "Book a call" con tooltip al pasar el ratón. Menú colapsable en móviles. - **Hero** (sección #hero): contenedor centrado, logo circular, badge "Disponible para n
3.876 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.876 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
Aula Cumbre — 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 iconos y tooltip
  • 1.2 Hero principal con logo, ubicación, badge, título, descripción, botón CTA, imágenes y vídeo de fondo
  • 1.3 Separadores decorativos (líneas y sombras)
  • 1.4 Sección de clientes con título y marquee de logotipos
  • 1.5 Portafolio con título y slider de proyectos
  • 1.6 Footer con enlaces de navegación, redes sociales y datos de contacto

ABOUT

  • 2.1 Hero interno con foto y breve presentación
  • 2.2 Texto descriptivo del profesional y su trayectoria
  • 2.3 Iconos de habilidades y años de experiencia

WORK

  • 3.1 Grid de proyectos destacados con imágenes, categoría y botón "Ver proyecto"
  • 3.2 Slider automático con navegación por miniaturas

PRICING

  • 4.1 Tabla de planes con títulos, características y botón de selección
  • 4.2 FAQ collapsable

BLOG

  • 5.1 Lista de artículos con imagen, título, extracto y meta datos
  • 5.2 Paginación simple

CONTACT

  • 6.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
  • 6.2 Mapa estático y datos de ubicación
PROMPTS RELACIONADOS · EDUCACIÓN

Otros prompts de la misma categoría