NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Genera una web completa en un único archivo HTML usando Tailwind CSS por CDN y JavaScript vanilla (sin frameworks, sin build). Debe ser una PREVIEW PAGE estilo escaparate de plantilla para la marca ficticia Lumavera Studio, un estudio creativo que vende una plantilla web pensada para influencers, creadores de contenido y youtubers. Idioma: español de España. Año 2025. Copy 100% original, no marketinero, verbos en activo.
MARCA
- Nombre: Lumavera Studio
- Sector: plantilla web para creadores de contenido, influencers y youtubers
- Dominio: lumavera.com
- Claim: Espacio digital para creadores que cuentan historias
- Email de contacto: hola@lumavera.com
ESTILO VISUAL
- Modo oscuro como base. Fondo principal #0E0E12, superficies #16161C, bordes sutiles #24242C.
- Acento principal lima eléctr
7.621 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.621 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 (PREVIEW)
- 1.1 Barra superior de plantilla con logo, Figma, dropdown More y botón Buy
- 1.2 Navbar con logo y anclas a secciones
- 1.3 Hero con título, descripción y dos CTAs
- 1.4 Ticker animado de pantallazos en bucle
- 1.5 Grid de Demos (variantes de home)
- 1.6 Grid de Inner Pages (páginas internas)
- 1.7 Grid de Utility Pages
- 1.8 CTA final destacado
- 1.9 Footer completo
INICIO DEL CREADOR
- 2.1 Hero con foto del creador, nombre y claim
- 2.2 Tira de logos de marcas con las que ha colaborado
- 2.3 Sección Sobre mí breve con CTA
- 2.4 Vídeos destacados del canal en grid
- 2.5 Contadores de suscriptores, vídeos y visualizaciones
- 2.6 Galería de fotos en mosaico
- 2.7 Testimonios de seguidores y marcas
- 2.8 Newsletter
- 2.9 Footer
SOBRE MÍ
- 3.1 Encabezado de página con breadcrumb
- 3.2 Biografía larga con foto lateral
- 3.3 Línea de tiempo de hitos
- 3.4 Valores en tarjetas con icono
- 3.5 Galería personal
- 3.6 CTA de contacto
- 3.7 Footer
SERVICIOS / COLABORACIONES
- 4.1 Encabezado con título y descripción
- 4.2 Grid de tipos de colaboración (sin precios)
- 4.3 Proceso de trabajo en pasos numerados
- 4.4 Preguntas frecuentes en acordeón
- 4.5 CTA final
- 4.6 Footer
BLOG
- 5.1 Encabezado con título y buscador
- 5.2 Filtros por categoría
- 5.3 Grid de artículos con imagen, fecha y autor
- 5.4 Paginación
- 5.5 Footer
DETALLE DE ARTÍCULO
- 6.1 Cabecera con título, autor, fecha y categoría
- 6.2 Imagen destacada
- 6.3 Cuerpo del artículo con tipografía cuidada
- 6.4 Bloque autor
- 6.5 Artículos relacionados
- 6.6 Footer
CONTACTO
- 7.1 Encabezado con título y descripción
- 7.2 Formulario de contacto y datos laterales (email, redes)
- 7.3 Mapa o ilustración decorativa
- 7.4 Footer
PÁGINA 404
- 8.1 Mensaje grande 404 con ilustración
- 8.2 Botón volver al inicio
PROTECCIÓN POR CONTRASEÑA
- 9.1 Formulario centrado con input de contraseña
LICENCIAS
- 10.1 Encabezado
- 10.2 Texto legal estructurado por apartados
- 10.3 Footer
CHANGELOG
- 11.1 Lista de versiones con fecha y cambios
- 11.2 Footer
STYLE GUIDE
- 12.1 Paleta de color
- 12.2 Tipografía y jerarquía
- 12.3 Botones y estados
- 12.4 Componentes UI básicos
- 12.5 Footer
PROMPTS RELACIONADOS · BLOG / REVISTA
