NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Salon Faro** (consultoría estratégica y financiera) usando **HTML estático**, **Tailwind CSS CDN**, y **JavaScript vanilla** en un único archivo. El diseño debe replicar la estructura y estilo visual del template analizado, pero con todo el contenido original en español de España.
**Paleta de colores** (usar en Tailwind con extend):
- Primario: #0D3B66
- Secundario: #FAF0CA
- Accent: #F4D35E
- Texto oscuro: #1B263B
- Fondo claro: #F0F4F8
**Tipografía**: Inter (Google Fonts) para todo el sitio, usar clases `font-sans` y `font-medium` donde corresponda.
**Header**:
- Barra fija con logo (texto "Salon Faro" en color primario), menú horizontal: "Inicio", "Servicios", "Sobre nosotros", "Contacto".
- Botones CTA a la derecha: "Más casos" (es
4.480 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.480 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 fija con logo, menú principal y botones de acción
- 1.2 Hero principal con título, subtítulo y dos botones CTA
- 1.3 Slider doble paralelo que muestra imágenes de proyectos y secciones
- 1.4 Área de presentación de valor con iconos y textos breves
- 1.5 Sección de servicios en grid de tres columnas
- 1.6 Testimonios con citas y fotos
- 1.7 Llamada a la acción secundaria con formulario breve
- 1.8 Footer con enlaces de navegación, contacto y redes sociales
SERVICES
- 2.1 Encabezado de página con título y breadcrumb
- 2.2 Grilla de servicios detallados con iconos y descripciones
- 2.3 Caso de estudio destacado con imagen y texto
- 2.4 CTA para contactar al equipo
- 2.5 Footer común
ABOUT
- 3.1 Encabezado con foto del equipo y misión
- 3.2 Historia de la empresa en timeline
- 3.3 Valores en tarjetas con iconos
- 3.4 Equipo de profesionales con fotos y cargos
- 3.5 CTA para descargar presentación
- 3.6 Footer común
CONTACT
- 4.1 Formulario de contacto con campos nombre, email, mensaje
- 4.2 Mapa incrustado y datos de localización
- 4.3 Información de contacto rápida
- 4.4 Footer común
PROMPTS RELACIONADOS · BELLEZA / SPA