NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático con HTML único, usando Tailwind CSS vía CDN y JavaScript vanilla (un solo archivo). La marca es Dentarq, clínica dental. Reproduce fielmente la estructura de la página de inicio del template analizado, respetando los siguientes requisitos:
- Paleta de colores: #1A4F7A (azul oscuro), #3A86FF (azul vibrante), #F0F4F8 (gris muy claro), #FFFFFF (blanco), #4A4A4A (texto gris oscuro).
- Tipografía: "Inter" para cuerpo y botones, "Playfair Display" para títulos y encabezados.
- Header (navbar): posición fija, fondo blanco, logo a la izquierda (texto Dentarq), menú principal con enlaces "Servicios", "Sobre nosotros", "Ubicación", "Blog", botón primario "Ver precios" (relleno azul) y botón secundario "Reservar" con ícono de calendario.
- Hero: sección completa de pantall
3.494 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.494 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 CTA.
- 2.1 Hero principal con subtítulo, título, descripción y enlaces a especialidades.
- 3.1 Tarjetas de profesionales (dos columnas) y reseñas asociadas.
- 4.1 Galería de imágenes en fila de cinco tarjetas.
- 5.1 Sección de confianza (logotipos de partners).
- 6.1 Footer con datos de contacto, navegación secundaria y redes.
SERVICIOS
- 1.1 Encabezado de página con título y breve descripción.
- 2.1 Lista de servicios en tarjetas con iconos.
- 3.1 CTA para agendar consulta.
ABOUT
- 1.1 Banner con imagen de la clínica.
- 2.1 Historia de la empresa y valores.
- 3.1 Equipo directivo en tarjetas.
LOCATION
- 1.1 Mapa incrustado.
- 2.1 Dirección, teléfono y horario.
- 3.1 Formulario de contacto rápido.
BLOG
- 1.1 Lista de artículos con imágenes y extractos.
- 2.1 Sidebar con categorías y últimas entradas.
- 3.1 Paginación.
CONTACT
- 1.1 Formulario de contacto completo.
- 2.1 Información de contacto y horarios.
- 3.1 Mapa interactivo.
LEGAL
- 1.1 Texto de política de privacidad.
- 2.1 Términos de uso.
- 3.1 Enlaces a cookies y derechos.
PROMPTS RELACIONADOS · SALUD Y MEDICINA