TECNOLOGÍA · Claude Design · HTML

Tech Zenit — Prompt de diseño web para Claude AI

★★★★★4,6 1.895 descargas

Consultoría estratégica y transformación digital para pymes Ideas claras, resultados medibles.

↓ 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 "Tech Zenit" (techzenit.com) que reproduzca el diseño estructural y visual del sitio analizado, sin copiar ningún texto ni imágenes reales. Usa solo HTML estático en un único archivo, Tailwind CSS mediante CDN y JavaScript vanilla para interacciones. 

## Alcance
- Header con barra de notificación superior (mensaje informativo y botón cerrar). 
- Logo (placeholder SVG) y tagline "– Premium Consulting template". 
- Menú de navegación con tres dropdowns (Homepages, Showcase, Template) y un botón de contacto estilo "Contact Us" con icono circular. 
- Icono de carrito en la esquina derecha que abre un sidebar tipo right‑sidebar con resumen del carrito, lista de productos (nombre, opciones, precio, cantidad, botón eliminar) y botones "Continue t

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

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

4.301 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 Barra de notificación superior con mensaje y enlace
1.2 Header con logo, tagline, menú y botón contacto
1.3 Carrito lateral accesible desde header
1.4 Hero con título, descripción y botón principal
1.5 Servicios en grid de 3 columnas
1.6 Contadores de métricas clave
1.7 Testimonios en carrusel
1.8 CTA de suscripción al newsletter
1.9 Footer con enlaces y datos de la empresa

SERVICIOS

1.1 Encabezado de página y breadcrumb
1.2 Lista de servicios en tarjetas con iconos
1.3 Detalle de cada servicio con imágenes y texto
1.4 CTA para solicitar presupuesto
1.5 Sección de preguntas frecuentes
1.6 Footer idéntico al de Home

PRECIOS

1.1 Tabla comparativa de planes de consultoría
1.2 Botones de compra que añaden al carrito
1.3 Testimonios destacados
1.4 Preguntas frecuentes
1.5 Footer

BLOG

1.1 Lista de artículos en grid de 2 columnas
1.2 Barra lateral con categorías y suscripción
1.3 Footer

CONTACTO

1.1 Formulario de contacto con campos nombre, email, mensaje
1.2 Mapa incrustado
1.3 Información de contacto y redes
1.4 Footer

PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Tech Zenit
Sector: Consultoría estratégica y transformación digital para pymes
Claim: Ideas claras, resultados medibles

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 Barra de notificación superior con mensaje y botón cerrar
1.2 Header con logo, tagline, menú de navegación con dropdowns y botón de contacto
1.3 Icono de carrito que abre un sidebar con resumen y checkout
1.4 Hero principal con título, subtítulo y llamado a la acción
1.5 Sección de servicios en tarjetas de tres columnas con iconos y descripciones
1.6 Bloque de estadísticas en contador horizontal
1.7 Testimonios en carrusel de tarjetas
1.8 Llamada a la acción final con formulario de suscripción
1.9 Footer con enlaces rápidos, información de contacto y redes sociales

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

Tech Zenit — 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

SERVICIOS

PRECIOS

BLOG

CONTACTO

Otros prompts de la misma categoría

Lumenova Labs

LumenSpark

Lumenova Apps

Lectorio