NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática con HTML, Tailwind CSS (CDN) y JavaScript vanilla, una sola archivo. Usa la marca ficticia Lúmina Vitela. Reproduce la estructura y estilo del sitio analizado sin copiar texto ni imágenes.
- Paleta de colores: #0D0D0D (fondo principal), #FFFFFF (texto), #1A73E8 (botones y enlaces), #F5F5F5 (secciones claras), #E0E0E0 (bordes y sombras).
- Tipografía: 'Inter', sans-serif para todo el texto, pesos 400 y 600.
- Header: barra fija, logo placeholder (texto Lúmina), menú centrado con enlaces Home, Services, Blogs, Pages (mega‑menu con 4 columnas y varios enlaces), botón a la derecha "Let’s Connect". Menú colapsable en móvil.
- Hero: contenedor centrado, título grande (big‑heading‑text) "Plantilla de Currículum", párrafo descriptivo, botón principal blanco a negro
3.290 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.290 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 navegación fija con logo a la izquierda, enlaces centrados y botón "Let’s Connect" a la derecha
- 1.2 Hero: título grande centrado, texto descriptivo y botón de acción principal con icono
- 1.3 Galería de imágenes en tres columnas, animación de aparición al hacer scroll
- 1.4 Botón secundario con enlace externo y flecha decorativa
- 1.5 Footer: enlaces de ayuda, política de privacidad y iconos sociales
SERVICES
- 2.1 Cabecera interna con título de sección y breadcrumb
- 2.2 Lista de servicios en tarjetas con iconos y descripción breve
- 2.3 CTA al final de la página para solicitar información
BLOGS
- 3.1 Encabezado con filtro de categorías
- 3.2 Tarjetas de artículo con imagen, título, extracto y botón "Leer más"
- 3.3 Paginación inferior centrada
CONTACT
- 4.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 4.2 Información de contacto y mapa embed
- 4.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · MISCELÁNEO
