NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia "Cuidado Áureo" (cuidadoaureo.com), sector de asistencia y enfermería domiciliaria. Utiliza HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo.
- Paleta de colores: #003588 (azul principal), #E5F0FF (azul claro), #FFFFFF (blanco), #F3F8FF (gris muy claro), #FFB800 (amarillo acento).
- Tipografía: Inter (sans‑serif) para todo el texto, peso 400‑600, tamaños responsivos.
- Header: barra fija con logo (placeholder SVG), menú horizontal (Home, Sobre nosotros, Servicios, Blog, Contacto) y botón primario "Hacer una consulta" visible en escritorio y colapsable en móvil. Menú móvil con icono hamburguesa.
- Hero: sección a pantalla completa con fondo degradado azul, pre‑título, título grande, párrafo descriptivo, botón
3.657 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.657 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ú y botón "Hacer una consulta".
- 2.1 Hero principal: pre‑título, título destacado, descripción, botón "Conócenos".
- 2.2 Carrusel de atributos: icono + texto (nurses, assistance, support, safety).
- 3.1 Sección de servicios: grid de 3 tarjetas, cada una con icono circular, título, párrafo y enlace "Leer más".
- 4.1 Testimonios: carrusel horizontal de citas de pacientes.
- 5.1 Llamada a la acción: formulario de nombre, email y mensaje con botón "Enviar".
- 6.1 Footer: columnas de enlaces (empresa, servicios, legal), datos de contacto, iconos sociales.
ABOUT
- 1.1 Header reutilizado.
- 2.1 Imagen de presentación y texto descriptivo de la empresa.
- 3.1 Equipo: tarjetas con foto, nombre y rol.
- 4.1 Valores y misión en bloques con iconos.
- 5.1 Footer reutilizado.
SERVICES
- 1.1 Header reutilizado.
- 2.1 Listado de servicios en tarjetas ampliadas con imágenes y botones.
- 3.1 FAQ interactiva.
- 4.1 Footer reutilizado.
CONTACT
- 1.1 Header reutilizado.
- 2.1 Formulario de contacto completo con campos nombre, email, teléfono y mensaje.
- 3.1 Mapa incrustado y datos de localización.
- 4.1 Footer reutilizado.
BLOG
- 1.1 Header reutilizado.
- 2.1 Lista de artículos en cards con imagen, título, extracto y fecha.
- 3.1 Paginación.
- 4.1 Footer reutilizado.
PROMPTS RELACIONADOS · BEAUTY / SPA
