NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Spa Atlas" (barbería premium) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La web debe reproducir fielmente la estructura y estilo del sitio de referencia, sin copiar texto literal. Utiliza la siguiente paleta de colores: #0D0D0D (fondo negro), #FFFFFF (texto), #E0A800 (amarillo acento), #333333 (gris oscuro), #B0B0B0 (gris claro). Tipografía: "Inter" para encabezados y cuerpo, peso 400/600.
Header: barra de navegación fija con logo a la izquierda, enlaces (Home, About, FAQ, Contact) centrados, botón secundario doble capa "Book appointment" a la derecha, menú hamburguesa para móvil.
Home sección 1: hero con etiqueta "-5% off" y texto "For your very first visit", título grande "Sharp cuts, smooth shaves
3.775 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.775 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 Navegación principal con logo, enlaces y botón de cita
- 1.2 Hero con etiqueta de descuento, título destacado, valoración y botones de llamada y servicios
- 1.3 Bloque "Sobre nosotros" con título, descripción y tres items visuales
- 1.4 Sección de servicios con presentación de tarjetas
- 1.5 Footer con información de contacto y enlaces
ABOUT
- 1.1 Cabecera con título "Sobre Spa Atlas"
- 1.2 Texto descriptivo y galería de imágenes
- 1.3 Valores y misión en tres columnas
SERVICE
- 1.1 Lista de servicios con iconos y breve descripción
- 1.2 Botón de reserva
FAQ
- 1.1 Preguntas frecuentes en formato acordeón
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje
- 1.2 Información de localización y teléfono
PROMPTS RELACIONADOS · BEAUTY / SPA
