TECNOLOGÍA · Claude Design · HTML

Innovatech Labs — Prompt de diseño web para Claude AI

★★★★★4,8 1.906 descargas

Software SaaS especializado en herramientas de IA para desarrolladores Simplificamos la complejidad del código con IA.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo para la marca ficticia Innovatech Labs (innovatechlabs.com) usando HTML estático con TailwindCSS CDN y JavaScript vanilla en un único archivo. La web debe reproducir la estructura y estilo del template analizado sin copiar texto ni imágenes. Utiliza la siguiente paleta de colores: #1A1A2E (fondo oscuro), #16213E (barra de navegación), #0F3460 (botones primary), #E94560 (accento), #F5F5F5 (texto claro). Tipografía: Inter var (Google Fonts) para títulos y cuerpo.

**Header**: barra superior con anuncio discreto (texto inventado) y botón "Leer más" cerrable. Navbar fija, logo SVG simple con forma abstracta, menú principal con enlaces Home, Productos, Recursos, Blog, Contacto. Cada enlace abre un mega‑dropdown con columnas y enlaces internos (ej. Core Tools, Integrat

─π≤Ω■╔→• π╫≥Φ≥♠╣ ■≥╝┬≤φ♣ •µ■◙±◘ε █≤∩♣ε╠σ ▒²♦εΩ◘■ ♠→─░ⁿ╡
 ┼τ◙╩φ╝┤ →α♣♠♦→┴ ├╦┤─└Σφ ∞═┬♦♦↔│ ∩╔╝←╬α• ╗∞≡┴┬╬┬ ╝↔◙↑≤
┬ Σß♦│┬±═ ▓≡∞↑═↔║ ┤τ▀√↓Φ√ ▓╬┬≤▀σ♣ ←♠│σ≤↓╡ ╦╡→╦╬╝┤ ♦Φ≤σ
░≡ ╡╫♣↔┬π┼ ↔±■Σß┴╡ ▒─♦√▓α² ⁿ▓↔╬└▀┬ ╠═◘─ß↓α ═╔▒░ⁿµ² ┼╝▀
≤↓╦ ■εα╦╡µ╦ ♠┼╝┼└╗→ ▀■πφσ±═ √≥◙◙↑α♣ ╚≤≡▓φε░ ░█╫╫├²╗ ║α
↑╚■╝ Φ╦τ╠╝π♠ Ω░└╠═Ω└ ±Ω▒♠░ε■ δ░Σ♠±╣╚ σ█Φ╡ⁿ┼╠ ♠╦↓│┬◘◙ ╝
◙≡≡┬┬ ■φ█♦↑→♦ ♣∞╔√≤╝╩ ░↑↔└╫╗• ß♦Ω╬≤║→ ♠╦╡■│╗↔ ┬↓▀τ╗√∞ 
╩▓╡█╗╫ α══┼▒τΦ ▓Φπ→║♣╚ •─▓╔┬Φ→ √├▓≤╝╣╫ Σ♠╠╔└ε• └Ωφ↑←◘δ
╩╩≥Σ├π↑ ╔▒♠√↓▀╠ ∞└♦Σß↑α ♣╠├◙↔≡┤ ↓┼↓└δ╡║ σ≥α╦═┤║ ╬♦≥µ◙≥
 ╝ßσεδ║░ ◘↓║▓•■╠ ≥σµ┴εδ◘ ♠α╣µ◘┴² ♦≤↔▓♣░∩ └┼Ω╬▒♦░ ε▀∩─♦
╣ ┬τ◙└↓╠◘ σ♦┬ß─╦╦ µ░↑─╚≡Φ ♠δσ│▓ßτ ◘ⁿδ╚δ←ß ╠π∩├╚♠║

4.310 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

4.310 caracteres · licencia libre Solo descarga completa disponible

CAPTURA COMPLETA · HOME

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 Banner superior con anuncio y botón de lectura
1.2 Navbar fija con logo y mega‑dropdowns
1.3 Hero principal con título, subtítulo y botón CTA
1.4 Sección de características en tarjetas
1.5 Video explicativo con texto
1.6 Métricas clave (contadores)
1.7 Testimonios en carrusel
1.8 CTA secundaria con formulario
1.9 Footer con enlaces y suscripción

PRODUCTOS

2.1 Encabezado de página con título y descripción breve
2.2 Grid de productos: icono, nombre, tagline y breve copy
2.3 Detalle rápido de cada herramienta con captura de pantalla y lista de beneficios
2.4 CTA de prueba gratuita
2.5 Sección de preguntas frecuentes
2.6 Footer común

RECURSOS

3.1 Encabezado con búsqueda y filtro de recursos
3.2 Lista de artículos/blog en tarjetas con imagen, título y extracto
3.3 Paginación simple
3.4 Footer común

BLOG

4.1 Hero de blog con título y filtro de categorías
4.2 Grid de publicaciones destacadas
4.3 Sidebar con categorías y newsletter
4.4 Footer común

CONTACTO

5.1 Formulario de contacto en dos columnas (info + formulario)
5.2 Mapa incrustado (placeholder)
5.3 Footer común

PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Innovatech Labs
Sector: Software SaaS especializado en herramientas de IA para desarrolladores
Claim: Simplificamos la complejidad del código con IA

Para que Claude replique el diseño con la mayor fidelidad posible, descarga la captura y adjúntala en tu chat antes de pegar el prompt.

Descargar captura de referencia

Bloques de la home

1.1 Banner superior con anuncio y botón de lectura
1.2 Navbar fija con logo, menú principal (Home, Products, Resources, Blog, Contact) y sub‑menús mega‑dropdown
1.3 Hero principal: título, subtítulo, botón primaria y mockup de producto
1.4 Sección de características: tarjetas con íconos, título y descripción
1.5 Video explicativo integrado con texto de apoyo
1.6 Métricas clave: contadores animados y etiquetas
1.7 Testimonios en carrusel de tarjetas
1.8 Llamada a la acción secundaria con formulario corto
1.9 Footer: columnas de enlaces, redes sociales, suscripción y datos de contacto

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

Diseña con Claude Design

¿Te gusta este theme? Instala Claude Design y crea el tuyo hablando con Claude.

Instalar Claude Design ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

Innovatech Labs — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Convierte este prompt en diseño real

Tabla de secciones

HOME

PRODUCTOS

RECURSOS

BLOG

CONTACTO

Otros prompts de la misma categoría

Lumenova Labs

LumenSpark

Lumenova Apps

Lectorio