NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática completa para la marca ficticia Lumiara Studio siguiendo el diseño descrito. Utiliza sólo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**:
- Fondo negro: #0A0A0A
- Texto principal blanco: #FFFFFF
- Acento azul profundo: #1E40AF
- Acero gris: #4B5563
- Highlight naranja: #F59E0B
**Tipografía**:
- Fuente principal: 'Inter', sans-serif (cargar desde Google Fonts).
- Fuente secundaria para títulos: 'Playfair Display', serif.
**Header**: barra de navegación fija, logo a la izquierda (texto "Lumiara Studio" en blanco), menú horizontal con enlaces Home, Portfolio, Blog, About, y botón destacado "Contactar" con fondo azul y texto blanco. En móvil, colapsar a menú hamburguesa con overlay.
**Hero**: sección ocupando
4.550 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.550 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 Cabecera con logo, menú y botón "Contactar"
- 1.2 Hero con badge "Abierto a proyectos", título grande, descripción y botón CTA
- 1.3 Bloque "Trabaja conmigo" con dos tarjetas de servicio (Landing Page, Desarrollo Web) cada una con badge de precio, icono, slider de imágenes y texto descriptivo
- 1.4 Sección "Casos de estudio" con grid de tarjetas de portfolio, cada una muestra miniatura, año, categoría y título
- 1.5 Footer con enlaces a Home, Servicios, Portfolio, Blog, Sobre mí y contacto, además de iconos de redes sociales
SERVICIOS
- 2.1 Página de servicios (similar a bloque 1.3) con detalle de cada oferta
PORTFOLIO
- 3.1 Página de portfolio con listado de proyectos en grid, filtros por categoría y paginación
BLOG
- 4.1 Página de blog con lista de artículos, imágenes destacadas y extractos
SOBRE MÍ
- 5.1 Página sobre la agencia con texto institucional y foto del equipo
CONTACTO
- 6.1 Página de contacto con formulario simple y datos de contacto
PROMPTS RELACIONADOS · BELLEZA / SPA
