NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea con Claude Design una página web estática (un solo archivo HTML) que reproduzca el diseño de una agencia digital llamada Lúmina Obras. Utiliza Tailwind CSS CDN y JavaScript vanilla solo para animaciones de aparición (fade‑in y translate) y el menú dropdown.
**Paleta de colores** (extraída del original y adaptada):
- Fondo principal: #FFFFFF
- Texto principal: #000000
- Accent primary: #FFA956 (naranja brillante)
- Accent secondary: #F3F4F6 (gris claro)
- Hover/active: #E5E7EB
**Tipografía**: Inter (Google Fonts) para todo el texto, tamaños tipo H1 48px, H2 36px, párrafos 18px, botones 16px.
**Header**: barra de navegación fija con logo a la izquierda y un menú desplegable "Menu" que muestra enlaces: Home, Services, Projects, Pricing, FAQ. En dispositivos móviles, colapsar a ícono
4.446 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.446 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 Navbar con logo y menú desplegable
- 1.2 Hero con fondo, título, subtítulo, botón y barra de estadísticas
- 1.3 Tarjeta de contacto rápida
- 1.4 Imagen destacada con badge
- 1.5 Sección Servicios con tres columnas de tarjetas con icono, título, descripción y badges
- 1.6 Scroll cue hacia abajo
SERVICES
- 2.1 Título de sección y subtítulo
- 2.2 Grid de tarjetas de servicio (Logo, Producto, Social Media) con iconos y descripción
- 2.3 Badges internos en cada tarjeta
PROMPTS RELACIONADOS · PORTFOLIO
