NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Belleza Éter" (agencia de diseño digital) usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. El proyecto debe reproducir el diseño analizado:
- **Paleta de colores**: #0D0D0D (fondo principal), #FFFFFF (texto), #FF6B6B (accento), #1E90FF (enlaces y botones), #F5F5F5 (sectores claros).
- **Tipografía**: Inter var para textos y headings, peso 400‑700, tamaños responsive usando Tailwind utilities (text-2xl, lg:text-5xl, etc.).
- **Header**: barra fija con logo a la izquierda, menú horizontal (Home, About, Projects, Services, Contact, Blog), botón primario "SEE MY WORK" con efecto hover. En móvil, collapsible hamburger que despliega un overlay con numeración de secciones.
- **Hero**: columna izquierda con sa
4.576 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.576 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, menú y botón primario
- 1.2 Hero: saludo, nombre, descripción y CTA "LET’S TALK"
- 1.3 Texto grande decorativo "Digital portfolio"
- 1.4 Video de fondo con textos rotativos (UI Designer, Product Designer, Brand Designer)
- 1.5 Sección About: título motivacional, botón "LEARN ABOUT MORE"
- 1.6 Sección Projects: grid de tarjetas de proyecto (imagen, título, categoría)
- 1.7 Sección Services: lista de servicios en tarjetas con icono y breve texto
- 1.8 CTA final: invitación a contactar con botón
- 1.9 Footer: logo, navegación secundaria, enlaces a redes, email y copyright
ABOUT
- 1.1 Header reutilizado
- 1.2 Hero interno con foto del fundador y texto descriptivo
- 1.3 Timeline de trayectoria
- 1.4 Equipo con fotos circulares y breves bios
- 1.5 CTA para ver proyectos
- 1.6 Footer reutilizado
PROJECTS
- 1.1 Header
- 1.2 Grid filtrable de proyectos con hover overlay
- 1.3 Modal o página detalle (placeholder)
- 1.4 Footer
SERVICES
- 1.1 Header
- 1.2 Lista de servicios en tarjetas con icono, título y descripción corta
- 1.3 CTA de solicitud de presupuesto
- 1.4 Footer
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto (nombre, email, mensaje) con validación simple
- 1.3 Información de contacto rápido (email, teléfono)
- 1.4 Mapa integrado (placeholder)
- 1.5 Footer
PROMPTS RELACIONADOS · BEAUTY / SPA
