NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una plataforma SaaS ficticia llamada **Lumenbyte**. Usa solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. No copiar ningún texto del sitio original, solo replicar su estructura y estilo visual.
**Alcance**
- Página principal (index.html) con las secciones enumeradas en "secciones". Cada bloque lleva clases Tailwind que reproduzcan la disposición, espaciado y tipografía observada.
- Otras páginas: product.html, pricing.html, blog.html, about.html, contact.html, cada una con su propio conjunto de bloques tal como aparecen en la tabla.
- Header fijo con logo (texto Lumenbyte en fuente **Inter**), menú desplegable para "Pages" y "Information", botón destacado "Get Lumenbyte", icono carrito que muestra número de ítems (simulado). Versión respon
4.248 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.248 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 anuncio superior
- 1.2 Header con navegación y carrito
- 1.3 Hero con título, subtítulo y CTA
- 1.4 Cuatro columnas de características con iconos
- 1.5 Tarjetas de precios (3 planes) con botón CTA
- 1.6 Testimonios de clientes en tarjetas
- 1.7 CTA de registro y formulario breve
- 1.8 Footer con enlaces, derechos y redes
PRODUCT
- 1.1 Header persistente
- 1.2 Hero del producto con imagen y descripción
- 1.3 Lista de funcionalidades con iconos
- 1.4 Demo request CTA
- 1.5 Footer
PRICING
- 1.1 Header
- 1.2 Tabla comparativa de planes
- 1.3 FAQ acordeón
- 1.4 CTA de compra
- 1.5 Footer
BLOG
- 1.1 Header
- 1.2 Listado de artículos en card grid
- 1.3 Sidebar con categorías y buscador
- 1.4 Footer
ABOUT
- 1.1 Header
- 1.2 Story + misión en sección de dos columnas
- 1.3 Equipo en tarjetas con foto y rol
- 1.4 Valores en iconos
- 1.5 Footer
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Información de contacto y mapa
- 1.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
