NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Codelumina** (plataforma SaaS de IA para desarrolladores) usando **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. Reproduce el diseño analizado:
- **Paleta de colores**: #1e293b (azul‑gris oscuro), #2563eb (azul primario), #10b981 (verde acento), #f59e0b (ámbar), #ffffff (blanco), #f3f4f6 (gris claro).
- **Tipografía**: fuente "Inter" desde Google Fonts, peso 400/600/700.
- **Header**: barra superior con anuncio discreto (fondo #f3f4f6, texto #1e293b) y botón "Leer más". Debajo, navbar fijo con logo SVG monocromo, menús desplegables "Home" (tres variantes) y "Products" (lista de tres productos: Editor, Docs, Debug) con iconos coloreados (purpura, verde, azul). Barra colapsable en móvil.
- **Home**:
1.
3.741 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.741 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 enlace
- 1.2 Navbar fija con logo y menús desplegables Home y Products
- 1.3 Hero con título, subtítulo y dos botones CTA
- 1.4 Grid de 3 columnas: herramientas Editor, Docs y Debug
- 1.5 Carrusel de casos de éxito / testimonios
- 1.6 Sección de logos de partners
- 1.7 CTA de suscripción al newsletter
- 1.8 Footer con navegación, redes y contacto
PRODUCTOS
- 2.1 Lista de productos con tarjeta individual, icono, título y descripción breve
- 2.2 Detalle de producto: encabezado, video demo, características en lista, precios (texto genérico), CTA
- 2.3 Sección FAQ con acordeón
- 2.4 CTA de prueba gratuita
ENTREGA
- 3.1 Página de caso de estudio: título, imagen hero, retos, solución, resultados en cards, CTA
- 3.2 Página de blog: listado de artículos en cards, filtro por categoría
- 3.3 Detalle de artículo: título, fecha, contenido, share buttons, CTA
CONTACTO
- 4.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 4.2 Mapa incrustado y datos de oficina
- 4.3 Footer reutilizado
PROMPTS RELACIONADOS · SAAS / STARTUP
