NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Foto Lúmina, un estudio de diseño y desarrollo digital. Utiliza exclusivamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. La paleta de colores debe incluir:#1a1a1a (fondo principal), #ffffff (texto y fondos claros), #e63946 (acento rojo), #0a9396 (acento teal), #f1faee (gris muy claro). La tipografía principal será 'Inter' (Google Fonts) para títulos y párrafos, y 'Space Mono' para números de los contadores.
Estructura y requisitos:
- **Header** fijo, con logo a la izquierda, menú horizontal (About, Services, Projects, Blog, Contact) y botón resaltado "Contact" a la derecha. En móviles, colapsar en ícono hamburguesa que despliega un panel lateral.
- **Hero** ocupando la altura completa de la pantalla: izquierda c
3.802 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.802 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 Header con logo, enlaces de navegación y botón de contacto
- 1.2 Hero superior con subtítulo, título, ubicación y texto introductor
- 1.3 Contadores animados (clientes, proyectos, años) con efecto de número deslizante
- 1.4 Imagen decorativa al lado del héroe
- 1.5 Sección de proyectos destacados: encabezado, texto explicativo y grid de tarjetas de proyecto con imagen, título y etiquetas de categoría
ABOUT
- 2.1 Header idéntico al Home
- 2.2 Bloque de presentación personal ampliado con foto y texto largo
- 2.3 Lista de habilidades o servicios
SERVICES
- 3.1 Header estándar
- 3.2 Grid de tarjetas que describen cada servicio con ícono y breve descripción
PROJECTS
- 4.1 Header estándar
- 4.2 Galería filtrable de proyectos en formato masonry, cada ítem con imagen, nombre y categorías
BLOG
- 5.1 Header estándar
- 5.2 Lista de artículos con miniatura, título, excerpt y fecha
CONTACT
- 6.1 Header estándar
- 6.2 Formulario de contacto sencillo (nombre, email, mensaje, botón enviar)
FOOTER
- 7.1 Área de contacto rápido, enlaces a redes sociales y datos legales
PROMPTS RELACIONADOS · PHOTOGRAPHY
