NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Médica Ámbar" (clínica multidisciplinar) usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Paleta de colores: azul profundo #1A3B5D, azul claro #4A90E2, gris neutro #F5F7FA, blanco #FFFFFF, acento coral #FF6B6B. Tipografía: Inter (sans) para títulos y texto, peso 600 para headings, 400 para cuerpo.
Estructura:
- **Header** (clase `header`): logo a la izquierda, menú horizontal con enlaces Home, Sobre Nosotros, Servicios, Contacto, y botón destacado “Reservar cita”. Menú colapsable en móvil con ícono hamburguesa.
- **Hero** (clase `section.hero`): contenedor centrado, título grande "Cuidamos de tu salud de forma integral", subtítulo descriptivo, botón CTA "Solicita tu cita". A la derecha, carrusel automático d
3.680 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.680 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 Cabecera con logo, menú y botón de reserva
- 1.2 Hero con título, descripción y carrusel de especialidades
- 1.3 Imagen de fondo difuminada decorativa
- 1.4 (Placeholder) Bloque de servicios destacados
- 1.5 (Placeholder) Testimonios o contenido adicional
- 1.6 Pie de página con enlaces institucionales y datos de contacto
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Bloque introductorio con foto y texto institucional
- 2.3 Misión, visión y valores en columnas
- 2.4 Equipo profesional con tarjetas
- 2.5 Pie de página
SERVICES
- 3.1 Cabecera reutilizada
- 3.2 Lista de especialidades con iconos y descripciones
- 3.3 Beneficios de la atención integral
- 3.4 Llamada a la acción para solicitar cita
- 3.5 Pie de página
CONTACT
- 4.1 Cabecera reutilizada
- 4.2 Formulario de contacto con campos nombre, email, teléfono y mensaje
- 4.3 Mapa incrustado y datos de ubicación
- 4.4 Información de horarios y teléfono
- 4.5 Pie de página
PROMPTS RELACIONADOS · SALUD Y MEDICINA