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

Nova Estrategia — Prompt de diseño web para Claude AI

Consultoría estratégica para empresas Ideas claras, resultados medibles.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Nova Estrategia — 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 **Nova Estrategia** (consultoría estratégica) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado, sin copiar texto ni imágenes originales. **Alcance** - Header fijo con logo (SVG blanco/negro), menú de navegación con sub‑menus desplegables (Home, Pages, Blog, Case studies, Pricing, Contact). En móviles, botón de hamburguesa que abre panel lateral con logo, descripción breve, enlaces a casos destacados y enlaces a redes sociales (Facebook, LinkedIn, Instagram, X). - Hero principal: fondo degradado oscuro, título grande en fuente *Inter* (sans‑serif) 4xl, subtítulo en gris claro, botón CTA primario con color #2563EB (azul). Texto centrado y margen su
4.153 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.153 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
Nova Estrategia — 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ú desplegable y botón de hamburguesa
  • 1.2 Hero principal con título, subtítulo y botón CTA
  • 1.3 Sección de proyectos destacados (galería de miniaturas)
  • 1.4 Bloque de valores y métricas (cuatro tarjetas con iconos y números)
  • 1.5 Servicios ofrecidos (tarjetas con icono, título y breve descripción)
  • 1.6 Testimonios rotativos
  • 1.7 Llamada a la acción para solicitar una reunión
  • 1.8 Footer con enlaces de navegación, redes sociales y datos de contacto

ABOUT

  • 2.1 Header reutilizado
  • 2.2 Hero interno con título y párrafo breve
  • 2.3 Historia de la empresa (texto + imagen)
  • 2.4 Equipo (tarjetas con foto, nombre y rol)
  • 2.5 Valores (lista con iconos)
  • 2.6 Footer reutilizado

SERVICES

  • 3.1 Header reutilizado
  • 3.2 Hero interno con título y llamado a acción
  • 3.3 Lista de servicios (tarjetas con icono, título y descripción)
  • 3.4 Proceso de trabajo (pasos numerados con iconos)
  • 3.5 Casos de éxito destacados
  • 3.6 CTA de contacto
  • 3.7 Footer reutilizado

CASE STUDIES

  • 4.1 Header reutilizado
  • 4.2 Hero interno con imagen de portada
  • 4.3 Detalle del caso (descripción, retos, soluciones, resultados)
  • 4.4 Galería de imágenes
  • 4.5 CTA para ver más casos
  • 4.6 Footer reutilizado

BLOG

  • 5.1 Header reutilizado
  • 5.2 Lista de artículos (tarjetas con imagen, título, extracto, fecha)
  • 5.3 Paginación
  • 5.4 Sidebar con categorías y últimas entradas
  • 5.5 Footer reutilizado

CONTACT

  • 6.1 Header reutilizado
  • 6.2 Hero interno con título y subtítulo
  • 6.3 Formulario de contacto (nombre, email, asunto, mensaje, botón enviar)
  • 6.4 Mapa estático de ubicación
  • 6.5 Información de contacto (dirección, teléfono, email)
  • 6.6 Footer reutilizado
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 23/06/2026
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría