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

SonríeClaro — Prompt de diseño web para Claude AI

Centro dental especializado en salud oral y tratamientos estéticos Cuidamos tu sonrisa con tecnología y calidez.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
SonríeClaro — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea la página web de la marca ficticia SonríeClaro (dominio sonrieclaro.com) usando un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. Replicar el diseño analizado: - **Paleta de colores**: #0A2740 (azul oscuro), #FFFFFF (blanco), #F3F4F6 (gris claro), #1E90FF (azul acento), #0F7CFF (hover). - **Tipografía**: "Inter" para textos y "Playfair Display" para encabezados, ambas importadas de Google Fonts. - **Header**: barra fija con logo SVG placeholder, menú horizontal (Home, About, Services, Blog, Contact) y botón primario azul con efecto hover y doble capa de texto (front/back). Menú responsive con ícono hamburger que despliega overlay. - **Hero**: contenedor centrado, título H1 grande, subtítulo descriptivo, fila de tres tarjetas pequeñas con icono, título y
3.754 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.754 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
SonríeClaro — 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, menú y botón "Get Started"
  • 1.2 Hero con título principal, tarjetas de beneficios y botón "Make an Appointment"
  • 1.3 Bloque "Who are we?" con texto descriptivo y botón "About SonríeClaro"
  • 1.4 Cuadrícula de estadísticas (4 tarjetas con datos numéricos)
  • 1.5 Sección de servicios con título, botón "See All Services" y tarjetas enumeradas (01‑03) de servicios
  • 1.6 Footer con enlaces de sitio, política de privacidad, términos y redes sociales

ABOUT US

  • 2.1 Cabecera con título "Sobre nosotros" y párrafo introductorio
  • 2.2 Imagen de cabecera y botón de contacto
  • 2.3 Equipo de profesionales con tarjetas de foto y descripción
  • 2.4 Valores del centro en lista de iconos

SERVICES

  • 3.1 Lista de servicios en cuadrícula, cada tarjeta con número, icono y breve descripción
  • 3.2 Botón de vista completa de servicios

CONTACT

  • 4.1 Formulario de contacto con campos nombre, email, teléfono y mensaje
  • 4.2 Mapa incrustado y datos de ubicación

BLOG

  • 5.1 Lista de artículos con imagen, título y extracto
  • 5.2 Paginación inferior
PROMPTS RELACIONADOS · SALUD Y MEDICINA

Otros prompts de la misma categoría