NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia "Saber Ónix" (dominio saberonix.com) usando un único archivo HTML con Tailwind CSS vía CDN y JavaScript vanilla. Reproduce el diseño visual del template analizado: paleta cálida con #F4E9D8 (fondo), #3A4A42 (texto principal), #7A9E9F (acentos), #D9B44A (botón primario) y #FFFFFF (blanco). Tipografía: "Inter" para títulos y "Roboto" para cuerpo.
Estructura:
- **Header**: barra superior con mensaje "4 plazas disponibles esta semana" y enlace "Reserva antes de que se agoten"; navbar fija con logo SVG, menú "Servicios" desplegable que muestra una cuadrícula de 3 columnas con imágenes y nombres de servicios, y enlaces a "Sobre nosotros", "Precios", "Blog" y "FAQ". Añadir botón secundario "Explorar todos los servicios".
- **Hero**: título grande, su
4.078 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.078 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 Banner superior con mensaje y enlace de reserva
- 2.1 Navbar fija con logo, menú Services (desplegable con imágenes), enlaces a About, Pricing, Blog, FAQ y botón secundario
- 3.1 Hero principal con título, subtítulo y botón de reserva
- 4.1 Grid de tarjetas de servicios destacados con imagen y nombre
- 5.1 Sección de precios resumidos con tarjetas
- 6.1 Testimonios rotativos
- 7.1 Últimas entradas del blog en formato tarjeta
- 8.1 Formulario de contacto rápido
- 9.1 Footer con información legal, redes sociales y enlace de autoría
ABOUT
- 1.1 Imagen hero de presentación
- 2.1 Texto descriptivo de la empresa y valores
- 3.1 Equipo con fotos y breves biografías
- 4.1 CTA a la página de servicios
PRICING
- 1.1 Tabla comparativa de planes de limpieza
- 2.1 Detalle de cada paquete con lista de tareas
- 3.1 Botón de reserva para cada plan
BLOG
- 1.1 Lista de artículos con imagen, título, extracto y fecha
- 2.1 Sidebar con categorías y búsqueda
- 3.1 Paginación
FAQ
- 1.1 Preguntas frecuentes organizadas en acordeón
- 2.1 CTA a contacto
CONTACT
- 1.1 Formulario con nombre, email, teléfono y mensaje
- 2.1 Mapa incrustado y datos de contacto
- 3.1 Horario de atención
PROMPTS RELACIONADOS · EDUCATION
