Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

Nebula Insights — Prompt de diseño web para Claude AI

Consultoría y estrategia en inteligencia artificial Transformamos datos en decisiones inteligentes.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Nebula Insights — 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 "Nebula Insights" (consultoría de IA) usando únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El diseño debe replicar la estructura y estilo del sitio analizado: - **Paleta de colores**: fondo principal #111827 (gris muy oscuro), texto principal #FFFFFF, acentos #3B82F6 (azul), #6EE7B7 (verde claro), #FBBF24 (amarillo). - **Tipografía**: Fuente principal "Inter" (Google Fonts) para títulos y párrafos, peso 400/600. - **Header**: barra fija con logo a la izquierda, menú de navegación centrado (Home, About, Service, Blog, Contact) y botón "Contact" a la derecha. Incluye dropdown "Pages" con enlaces organizados en cuatro columnas (Company, Resources, Utility, etc.). Menú colapsable en móviles con icono hamburger.
3.710 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.710 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
Nebula Insights — 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 Header con logo, menú principal y botón de contacto
  • 1.2 Hero con título, descripción, botón de CTA y carrusel de imágenes
  • 1.3 Bloque introductorio con encabezado y párrafo breve
  • 1.4 (Sección de servicios – placeholder)
  • 1.5 (Sección de casos de estudio – placeholder)
  • 1.6 (Sección de testimonios – placeholder)
  • 1.7 Footer con enlaces en columnas (Company, Resources, Utility) y datos de contacto

ABOUT

  • 2.1 Header repetido
  • 2.2 Título de página y párrafo descriptivo
  • 2.3 Equipo / valores (placeholder)
  • 2.4 Footer

SERVICE

  • 3.1 Header
  • 3.2 Lista de servicios con iconos y descripciones
  • 3.3 CTA de contacto
  • 3.4 Footer

BLOG

  • 4.1 Header
  • 4.2 Lista de artículos en formato grid
  • 4.3 Sidebar con categorías y últimas entradas
  • 4.4 Footer

CONTACT

  • 5.1 Header
  • 5.2 Formulario de contacto con campos nombre, email, mensaje
  • 5.3 Información de ubicación y redes sociales
  • 5.4 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría