El lenguaje visual del diseño parte de una paleta sanitaria en azul y blanco, respaldada por degradados suaves y acentos de azul concentrados. Las zonas claras generan espacio en torno a los encabezados y al cuerpo de texto, mientras que los bloques con fondo azul otorgan a las categorías asistenciales, la información organizativa y los valores una presencia institucional más sólida. Este contraste hace que la página conserve un perfil claramente clínico sin que todas las secciones resulten idénticas a la vista.
La fotografía médica se utiliza como elemento recurrente de identidad. La sección hero inicial sitúa la imagen de un médico junto al mensaje principal, la sección «Cómo trabajamos» emplea una fotografía amplia del equipo clínico y el bloque «Servicios de salud» incorpora imágenes de instrumental médico. Un tratamiento fotográfico afín reaparece en la sección final de contacto, donde el formulario reposa sobre un fondo de temática médica. Estas ubicaciones enlazan el mensaje de la institución, su metodología de trabajo, sus servicios y su vía de contacto mediante una misma línea visual.
La reiteración de tarjetas configura la estructura visual complementaria. Dos tarjetas de atención, cuatro tarjetas de servicios, tres tarjetas institucionales, tres retratos del equipo y cuatro tarjetas de testimonios agrupan los contenidos, variando en su formato lo suficiente para transmitir propósitos diferentes. Los retratos circulares aportan cercanía a los cargos específicos y a las opiniones, mientras que las tarjetas blancas facilitan una clara separación frente a las secciones en azul claro o con fondo azul. La tipografía sans-serif compacta mantiene el control sobre los encabezados y los textos secundarios en toda la página. En conjunto, la paleta, las imágenes, las formas, el estilo de las tarjetas y la alternancia de fondos crean una identidad visual que se extiende de forma natural a otras páginas afines del ámbito sanitario.
Al utilizar Creador de diseño de sitios web, podrá ajustar los colores, las fuentes, el encabezado y el pie de página, el diseño, las columnas y otros elementos de diseño, así como el contenido y las imágenes.
Usa Configuración del tema para establecer la base visual del sitio web en todas sus páginas y secciones. Configura colores, fuentes y tipografía globales para que el sitio siga la misma línea de diseño en lugar de aplicar un estilo independiente a cada página.
Elige una combinación de colores y fuentes que se ajuste al carácter del sitio web y luego ajusta los encabezados H1-H6, el texto normal, los enlaces, los botones, las citas, las listas y otros estilos tipográficos. El uso coherente de esta configuración ayuda a crear una jerarquía visual clara y a que los elementos de diseño recurrentes sean reconocibles en todo el sitio web.
Usa Efectos de animación para que el diseño del sitio web sea más dinámico e interactivo. Los elementos y contenedores pueden usar efectos como "Ejecutar al mostrar", "Animación al pasar el ratón por encima" y "Animación sincronizada con el desplazamiento" para mostrar contenido a medida que los visitantes navegan por el sitio o responden a la interacción del usuario. Los preajustes de animación proporcionan efectos listos para usar que se pueden adaptar al estilo visual del sitio web.
Aplica la misma dirección de diseño a los elementos compartidos del sitio web, como el encabezado, el menú y el pie de página. El panel de configuración del tema reúne los controles de estilo comunes para todo el sitio, lo que facilita mantener una apariencia coordinada a medida que el sitio web se expande a través de varias páginas.
Este flujo de trabajo convierte a la plantilla en un punto de partida útil para crear un sitio web con una identidad visual coherente, colores y tipografía coordinados, reglas de diseño compartidas y efectos interactivos en todas sus páginas.