NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **BlancoSonrisa** (clínica dental) usando **HTML único, Tailwind CSS vía CDN y JavaScript vanilla** en un solo archivo. Reproduce fielmente la estructura y patrones de UI del sitio analizado:
- **Paleta de colores**: #FFFFFF (blanco), #0A0A0A (negro), #0044CC (azul corporativo), #F5F5F5 (gris claro), #FFD700 (amarillo acento).
- **Tipografía**: `Inter` para cuerpo y `Playfair Display` para títulos, ambas importadas de Google Fonts.
- **Header**: barra de navegación fija con logo a la izquierda, menú horizontal (Home, About Us, Services, Blog, Contact), dropdown "Pages" con enlaces internos, input de búsqueda inline, botón primario "Contact us" con icono SVG. Incluye hamburguesa responsive para móvil.
- **Hero**: sección a pantalla completa
4.278 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.278 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 superior con botón "volver arriba"
- 2.1 Header con logo, menú principal, buscador y botón de contacto
- 3.1 Hero con título, descripción, botón principal, galería de imágenes y valoración de clientes
- 4.1 Sección "Quiénes somos" con imagen dual, título, descripción, lista de ventajas y botón "leer más"
- 5.1 Sección de servicios con título y grid de tarjetas de servicio con iconos y enlaces
- 6.1 Footer con información de contacto, enlaces de navegación y redes sociales
ABOUT US
- 1.1 Hero interno con imagen y breadcrumb
- 2.1 Texto descriptivo ampliado de la clínica
- 3.1 Equipo profesional en tarjetas con foto y rol
- 4.1 Botón de llamada a la acción "Contactar"
SERVICES
- 1.1 Lista de servicios en tarjetas con icono, título y breve descripción
- 2.1 Botón "Ver detalle" en cada tarjeta
- 3.1 Sección de preguntas frecuentes
BLOG
- 1.1 Grid de artículos con imagen, título, extracto y fecha
- 2.1 Paginación inferior
CONTACT US
- 1.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 2.1 Mapa incrustado y datos de ubicación
- 3.1 Botón de envío
POLÍTICAS
- 1.1 Página de privacidad
- 2.1 Términos y condiciones
- 3.1 Aviso legal
FAQ
- 1.1 Lista de preguntas y respuestas en acordeón
- 2.1 Botón para contactar si no se encuentra respuesta
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
