Regresar a Inicio
Ir a Sandbox

¿Que es Medterial?

Es la propuesta por parte del equipo de diseño para el framework con el que se desarrollara visualmente el sistema de Salud Digna. Con base a una investigación del sistema anterior, reuniones con el equipo y feedback de personas que han interactuado con el sistema anterior, surge esta nueva propuesta para brindarle al sistema una identidad única, carácter y principalmente usabilidad.

Es una fusión del framework Materialize como base para el sistema de grids, y de ahí en adelante todos los elementos son diseñados únicamente para el sistema, con base a la tendencia Minimalista denominada MATERIAL por Google.

Inicio rapido

Copié y pegué la hoja de estilo <link> en su <head> antes de todas las demás hojas de estilo para cargar nuestro CSS.

CSS

<link rel= "stylesheet" href= "https://medterial.azurewebsites.net/cdn/medterial.css" > content_copy
Copiado

JS

<script src= "stylesheet" href= "https://medterial.azurewebsites.net/js/medterial.js" > </script> content_copy
Copiado
<link rel= "stylesheet" href= "https://medterial.azurewebsites.net/cdn/animaciones.css" > content_copy
Copiado
<link rel= "stylesheet" href= "https://fonts.googleapis.com/icon?family=Material+Icons" > content_copy
Copiado

Colores

El color juega un papel importante en cualquier diseño que realicemos, el uso adecuado de los colores permitirá que nuestras pantallas sean mas accesibles.

¿Que es el Analizador de Contraste de Color?
Es una herramienta para comprobar las combinaciones de color de primer plano y color de fondo con el fin de determinar si proveen buena visibilidad del color. El proceso para definir el nivel de "visibilidad del color" se basa en los algoritomos que sigiere el Consorcio de la World Wide Web (W3C).
Se considera que dos colores ofrecen buena visibilidad de color si la diferencia en brillo y la diferencia en color entre ambos es mayor que un intervalo dado.
El intervalo que sugiere el W3C es > 125 para el brillo de color y > 500 para la diferencia de color.