NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Salon Albufera" (salonalbufera.com) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe replicar el diseño visual y la estructura del sitio analizado, siguiendo estos requisitos:
- **Paleta de colores**: fondo negro #0a0a0a, texto principal #ffffff, acentos azul profundo #1e3a8a, gris suave #e5e7eb, badge rojo tenue #ef4444.
- **Tipografía**: Fuente principal "Inter" (Google Fonts) para títulos y párrafos, peso 400/600, tamaños responsive (h1 3rem, h2 2rem, p 1rem).
- **Header**: barra fija con logo (placeholder SVG), menú horizontal con enlaces Home, Portfolio, Blog, About y botón destacado "Get In Touch" (estilo botón con fondo azul, texto blanco). Menú colapsable en móvil con icono ha
4.095 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.095 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 "Get In Touch"
- 1.2 Hero principal: badge "Open to Opportunities", título grande, párrafo descriptivo y botón
- 1.3 Servicios: dos tarjetas, cada una con badge de precio, icono, slider de imágenes y descripción del servicio
- 1.4 Caso de estudio destacado: título, enlace a portfolio y flecha decorativa
- 1.5 Grid de portfolio: tarjetas de proyecto con thumbnail, overlay, etiquetas de año y categoría, título y icono
- 1.6 Footer: enlaces secundarios, redes sociales y datos de contacto
PORTFOLIO
- 2.1 Cabecera reutilizada del Home
- 2.2 Grid de proyectos (similar al de Home) con filtros opcionales
- 2.3 Cada tarjeta muestra imagen, overlay, año, categoría y título
ABOUT
- 3.1 Cabecera común
- 3.2 Sección de presentación con foto y texto descriptivo
- 3.3 Valores y metodología en bloques de texto e iconos
BLOG
- 4.1 Cabecera común
- 4.2 Lista de artículos en formato tarjeta con imagen, título, extracto y fecha
CONTACT
- 5.1 Cabecera común
- 5.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.3 Información de contacto y mapa integrado
PROMPTS RELACIONADOS · BELLEZA / SPA
