NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una agencia digital ficticia llamada LumenCraft Studio usando HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. La paleta de colores debe incluir:
- Fondo principal: #FFFFFF
- Texto principal: #111111
- Texto secundario: #555555
- Énfasis/links y botones: #0D6EFD
- Fondo de secciones alternas: #F8F9FA
Tipografía: utilizar Inter para todo el texto (cargar desde Google Fonts) con tamaños: h1 3rem, h2 2rem, cuerpo 1rem, enlaces 1rem.
Estructura y patrones UI:
1. Header fijado en la parte superior con logo a la izquierda, año "@2026" a la derecha del logo y menú central (Brand Design, Web Development, Motion Design, Digital Marketing). En móvil, colapsar a un botón "Menu" que abre un overlay con links y sub‑menú de servicios.
2. Hero a pantalla com
3.966 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.966 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, año y navegación principal
- 1.2 Hero con título y subtítulos animados
- 1.3 Bloque "Sobre mí" con texto de presentación
- 1.4 Sección "Proyectos Destacados" con título, rango de años y grid de tarjetas (3 filas, múltiples columnas)
- 1.5 Footer con información de copyright
ABOUT
- 1.1 Header reutilizado
- 1.2 Título de página y foto de autor
- 1.3 Texto largo de biografía y experiencia
PROJECTS
- 1.1 Header reutilizado
- 1.2 Grid de todos los proyectos con filtros por categoría
- 1.3 Paginación o carga automática
PROJECT DETAIL
- 1.1 Header reutilizado
- 1.2 Imagen principal del proyecto
- 1.3 Descripción del proyecto y rol desempeñado
- 1.4 Galería de imágenes/videos
- 1.5 Enlaces a caso de estudio o sitio externo
CONTACT
- 1.1 Header reutilizado
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Información de contacto y mapa integrado
PROMPTS RELACIONADOS · AGENCIA DIGITAL
