NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página siguiendo el estilo de Cuidarte Plus, una plataforma de atención domiciliaria para mayores. Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla (único archivo). Paleta de colores: #F5F7FA (fondo claro), #2A4F6D (azul profundo para encabezados y botones), #FA7D09 (naranja para acentos), #FFFFFF (blanco), #000000 (texto primario). Tipografía: 'Inter' para títulos y subtítulos, 'Roboto' para cuerpo, ambas de Google Fonts.
Estructura:
- Header fijo con logo a la izquierda, links ancla a "Servicios", "Equipo", "Beneficios" y botón "Reservar" a la derecha.
- Hero: fondo con imagen suave, h1 grande "Más cuidados para tus seres queridos", h2 con nombre de la marca en color naranja, párrafo breve y botón primario "Unirse ahora".
- Sección Declaración
3.902 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.902 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 CTA
- 1.2 Hero con título y subtítulo
- 1.3 Declaración central con logotipo grande
- 1.4 Problema del cuidador
- 1.5 Servicios en fichas horizontales
- 1.6 Mensaje de urgencia
- 1.7 Presentación de la solución
- 1.8 Explicación de la propuesta
- 1.9 Equipo y comunidad
- 1.10 Beneficios con tarjetas estadísticas
- 1.11 Misión con ilustración
- 1.12 Comunidad: presentación de miembros
- 1.13 Características de la solución
- 1.14 Pie de página
SOBRE NOSOTROS
- 2.1 Cabecera interna con título y navegación secundaria
- 2.2 Texto descriptivo de la misión y valores
- 2.3 Equipo completo con fotos y cargos
- 2.4 CTA para contacto y newsletter
SERVICIOS
- 3.1 Lista de servicios detallada con iconos
- 3.2 Cada servicio con descripción larga y botón de acción
- 3.3 Slider de casos de estudio
CONTACTO
- 4.1 Formulario de contacto simple (nombre, email, mensaje)
- 4.2 Mapa estático e información de contacto
- 4.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · TECHNOLOGY