NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Genera una web single-file en HTML con Tailwind CSS vía CDN y JavaScript vanilla, sin frameworks ni dependencias externas más allá de Tailwind y Google Fonts. Debe ser un artifact autocontenido, responsive y con animaciones suaves.
MARCA FICTICIA:
- Nombre: Lumarq Studio
- Sector: estudio creativo digital especializado en branding estratégico, diseño web y dirección de arte
- Dominio: lumarqstudio.com
- Email: hola@lumarqstudio.com
- Claim: Diseño con intención, estrategia con voz propia
- Año: 2025
- Idioma: español de España, tono cercano pero sobrio, verbos en activo, sin jerga marketinera, sin precios concretos
ALCANCE: replica la HOME completa con todos los bloques descritos abajo. No incluyas otras páginas, solo enlaces en navegación.
PALETA (modo oscuro premium):
- Fondo base #0A
9.230 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
9.230 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
INICIO (HOME)
- 1.1 Header sticky con navegación y CTA
- 1.2 Hero con render 3D iridiscente y halos violetas
- 1.3 Banda de logos de clientes
- 1.4 Grid de servicios
- 1.5 Sobre el estudio con contadores
- 1.6 Proyectos destacados
- 1.7 Carrusel de casos de estudio
- 1.8 Proceso en 4 pasos
- 1.9 Equipo
- 1.10 Testimonios
- 1.11 Diario / últimas entradas
- 1.12 CTA final
- 1.13 Footer completo
ESTUDIO (SOBRE NOSOTROS)
- 2.1 Header sticky
- 2.2 Hero interior con titular y breadcrumb
- 2.3 Manifiesto del estudio en dos columnas
- 2.4 Valores en grid de 4 tarjetas
- 2.5 Línea de tiempo del estudio (hitos por año)
- 2.6 Equipo extendido en grid
- 2.7 Galería de cultura interna
- 2.8 CTA Únete al equipo
- 2.9 Footer
SERVICIOS
- 3.1 Header sticky
- 3.2 Hero interior
- 3.3 Listado vertical de servicios con imagen y descripción larga
- 3.4 Tabla comparativa de paquetes
- 3.5 Bloque herramientas y stack
- 3.6 FAQ acordeón
- 3.7 CTA final
- 3.8 Footer
PROYECTOS
- 4.1 Header sticky
- 4.2 Hero interior
- 4.3 Filtros por categoría
- 4.4 Grid masonry de proyectos
- 4.5 Paginación
- 4.6 CTA final
- 4.7 Footer
CASOS DE ESTUDIO
- 5.1 Header sticky
- 5.2 Hero interior
- 5.3 Caso destacado en banner ancho
- 5.4 Grid de casos con métricas
- 5.5 CTA final
- 5.6 Footer
DIARIO (BLOG)
- 6.1 Header sticky
- 6.2 Hero interior
- 6.3 Entrada destacada
- 6.4 Grid de artículos con filtros
- 6.5 Newsletter inline
- 6.6 Paginación
- 6.7 Footer
CONTACTO
- 7.1 Header sticky
- 7.2 Hero interior
- 7.3 Bloque dividido con formulario y datos de contacto
- 7.4 Mapa estilizado
- 7.5 FAQ breve
- 7.6 Footer
PROMPTS RELACIONADOS · CORPORATIVO
