NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Spa Nimbo, un estudio creativo que ofrece branding, diseño y desarrollo digital. Utiliza un único archivo HTML que cargue Tailwind CSS desde CDN y JavaScript vanilla sin dependencias externas. Incluir:
- Paleta de colores: negro puro #000000, gris oscuro #1A1A1A, gris medio #4A4A4A, blanco #FFFFFF, acento azul eléctrico #00BFFF.
- Tipografía: Inter (sans-serif) para texto y Playfair Display para encabezados.
- Header fijo con logo (texto Luminara), menú horizontal (Home, About, Services, Portfolio, Blog, Contact) y botón externo "Buy Template" con icono.
- Hero section: fondo de imagen completa, título grande con efecto 3D/rotación, lista horizontal de servicios (Branding, Art Direction, Design, Development, Production), botón CTA "Ver nu
3.713 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.713 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ú principal y botón externo
- 1.2 Hero: título 3D, lista de servicios, botón CTA, imagen de fondo y overlay
- 1.3 Sección About: título, párrafo descriptivo, botón “Más sobre nosotros”, galería de imágenes asimétrica
- 1.4 Servicios: cuadrícula de tarjetas con icono y breve texto
- 1.5 Portfolio destacado: carrusel de imágenes con títulos
- 1.6 Blog reciente: tarjetas con imagen, título y extracto
- 1.7 Contacto: formulario sencillo y mapa de ubicación
- 1.8 Footer: logo, dirección, enlaces de navegación y redes sociales
ABOUT
- 2.1 Cabecera interna con logo y menú reducido
- 2.2 Hero interno con título y fondo suave
- 2.3 Texto ampliado de la historia del estudio
- 2.4 Equipo: tarjetas con foto, nombre y rol
- 2.5 Valores: lista de íconos y descripciones
- 2.6 Footer común
SERVICES
- 3.1 Cabecera interna
- 3.2 Lista de servicios en cuadrícula con iconos y descripciones
- 3.3 Caso de estudio destacado
- 3.4 Footer común
PORTFOLIO
- 4.1 Cabecera interna
- 4.2 Galería filtrable de proyectos con tarjetas ampliables
- 4.3 Detalle de proyecto (imagen, descripción, proceso)
- 4.4 Footer común
BLOG
- 5.1 Cabecera interna
- 5.2 Lista de artículos en formato tarjeta
- 5.3 Página de artículo individual (título, fecha, contenido, comentarios)
- 5.4 Footer común
CONTACT
- 6.1 Cabecera interna
- 6.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 6.3 Mapa de ubicación y datos de contacto
- 6.4 Footer común
PROMPTS RELACIONADOS · BEAUTY / SPA
