NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia *Lúmina Tech* (agencia de diseño UI/UX y branding) usando **HTML estático + Tailwind CDN + JavaScript vanilla en un solo archivo**. Reproduce fielmente la **estructura visual** y la **interacción** del sitio analizado, sin copiar textos originales.
**Requisitos generales**
- Utiliza Tailwind v3 vía CDN (`https://cdn.tailwindcss.com`).
- Añade un bloque `<script>` con JavaScript puro para el menú hamburguesa, animaciones de hover y el acordeón de FAQ.
- Todas las imágenes deben sustituirse por placeholders `https://picsum.photos/seed/{seed}/800/600` y `https://picsum.photos/seed/{seed}/400/400` según necesite.
- Mantén la paleta de colores del original: azul primario `#007CE6`, azul tenue `#E0F2FF`, rojo resaltado `#FF4D4D` y neutros `#FF
5.032 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.032 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 Header con logo, menú hamburguesa, enlaces a Home, About, Projects, Blogs, Faq's y botón Hire Me
- 1.2 Hero (lado izquierdo) imagen del diseñador, saludo "Hello", nombre, títulos repetidos con estrellas, breve descripción y datos de contacto (teléfono, email, redes sociales)
- 1.3 Servicios I Offer (lado derecho) tarjetas en cuadrícula, cada una con fondo azul tenue, icono, título, descripción y botón rojo
- 1.4 Footer (no visible en el fragmento) con información de copyright y enlaces sociales
ABOUT
- 2.1 Sección "Sobre mí" con foto ampliada, texto descriptivo y lista de habilidades
PROJECTS
- 3.1 Galería de proyectos en cuadrícula, cada proyecto con miniatura, título y breve descripción
BLOGS
- 4.1 Lista de entradas de blog con preview de imagen, título y extracto
SERVICES
- 5.1 Página de detalle de cada servicio con encabezado, descripción extensa, iconografía y llamada a la acción
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
FAQ
- 7.1 Preguntas frecuentes organizadas en acordeón interactivo
PROMPTS RELACIONADOS · TECNOLOGÍA