Carrito Iniciar sesión
SALUD Y MEDICINA · Claude Design · HTML

ClaraSonrisa — Prompt de diseño web para Claude AI

Clínica dental y servicios de salud bucal Cuidamos tu sonrisa con precisión y calidez.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
ClaraSonrisa — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia ClaraSonrisa (clinica dental) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Mantén la siguiente paleta de colores: #0A2240 (azul marino), #1A85FF (azul brillante), #F5F7FA (gris muy claro), #FFFFFF (blanco), #FFB800 (amarillo dorado). Usa tipografía "Inter" para títulos y "Source Sans Pro" para texto normal, ambas importadas de Google Fonts. Estructura global: - Header (nav) fijo, fondo blanco con texto azul marino. Logo a la izquierda (SVG placeholder). Enlaces: Home, Sobre, Servicios, Equipo, Blog, Contacto. Botón principal a la derecha con fondo azul brillante, texto blanco, efecto hover oscuro. - Footer con fondo azul marino, texto blanco, columnas: Información, Enlaces rápidos, Contacto, Redes soc
4.502 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.502 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
ClaraSonrisa — home completa
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 con logo, enlaces Home, Sobre, Servicios, Equipo, Blog, Contacto y botón "Empezar"
  • 1.2 Hero principal: título grande, tres tarjetas de información, subtítulo y botón "Solicitar cita"
  • 1.3 Sección "Quiénes somos": subtítulo, párrafo descriptivo y botón "Más sobre ClaraSonrisa"
  • 1.4 Métricas: cuatro bloques con números y texto explicativo
  • 1.5 Servicios: subtítulo, título, botón "Ver todos los servicios" y tres tarjetas de servicios con número, nombre y breve descripción

ABOUT US

  • 2.1 Barra de navegación idéntica
  • 2.2 Hero interno con título y texto introductorio
  • 2.3 Texto largo sobre la historia y valores de la clínica
  • 2.4 Equipo de profesionales en tarjetas con foto y breve biografía
  • 2.5 Llamada a la acción para concertar consulta

SERVICES

  • 3.1 Barra de navegación idéntica
  • 3.2 Hero de servicios con título y descripción
  • 3.3 Lista de servicios en cuadrícula, cada tarjeta muestra número, nombre y breve texto
  • 3.4 Botón para contactar o solicitar información adicional

CONTACT

  • 4.1 Barra de navegación idéntica
  • 4.2 Hero de contacto con formulario de nombre, email, teléfono y mensaje
  • 4.3 Información de ubicación, horario y mapa integrado
  • 4.4 Botón de envío del formulario
PROMPTS RELACIONADOS · SALUD Y MEDICINA

Otros prompts de la misma categoría