NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Salon Isla (salonisla.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura visual del sitio original:
- **Header**: barra fija con logo a la izquierda, enlaces de navegación (Sobre, Servicios, Carrera, Blog) y botón primario "Contrátame hoy" a la derecha. Usa flexbox, fondo #111827, texto #F9FAFB y hover suave.
- **Hero**: layout de dos columnas, izquierda con pequeño bloque de imágenes superpuestas (tres avatares circulares) y texto "Proceso 100% transparente"; derecha con título grande "Encuentra el empleo correcto. Prepárate con IA. Consigue ser contratado." (palabra clave en color #10B981), subtítulo descriptivo y botón circular interactivo "Aplica ahora" rodeado de anillo
4.033 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.033 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 Barra de navegación con logo, enlaces (Sobre, Servicios, Carrera, Blog) y botón "Contrátame hoy"
- 1.2 Hero: cabecera ilustrada, título principal, subtítulo y botón circular "Aplica ahora"
- 1.3 Bloque informativo "Qué representamos" con encabezado, texto y botón "Conócenos"
- 1.4 Cuadrícula de métricas: "Colocaciones exitosas", "Satisfacción de candidatos" y cifras asociadas
- 1.5 Sección de proceso: icono, título "Nuestro proceso" y descripción de pasos
- 1.6 Footer: logotipo, enlaces secundarios, redes sociales y datos de contacto
ABOUT
- 2.1 Encabezado de página con título y breadcrumb
- 2.2 Texto explicativo del proyecto y valores
- 2.3 Imagen ilustrativa lateral
- 2.4 Botón de llamado a la acción
SERVICES
- 3.1 Lista de servicios ofrecidos con iconos y breves descripciones
- 3.2 Botones de contacto para cada servicio
CAREER
- 4.1 Listado de vacantes con tarjetas, filtros y botón "Aplicar"
- 4.2 Información de la empresa y beneficios
BLOG
- 5.1 Grid de artículos con imágenes, títulos y fechas
- 5.2 Sidebar con categorías y newsletter
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado y datos de la oficina
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 30/06/2026
PROMPTS RELACIONADOS · BELLEZA / SPA
