Web ResponsiveComponents
Links

Links

Los links por definición son elementos que enlazan a otro contenido, página, etc. Se podría definir como elemento básico de navegación. El aspecto de un link se caracteriza por que es un texto destacado en color y con un refuerzo visual “underline”.

Tipos

Tenemos dos tipos de links: Link primario de color Day blue y Link secundario de color Mid Script.

Nos podemos encontrar con alguna excepción tipo H1, H2 que también sean componentes link y en esta caso en concreto la diferenciación únicamente viene dada por el elemento color.

Diferentes tipos y usos de enlaces.
Construcción de los links sobre fondo de color.

Estructura

Los Paragraph links dentro de los párrafos se comportan como el resto del texto que forma parte del párrafo.

Los links Basic que van acompañando un párrafo siempre van después del punto y aparte del cierre de párrafo y guardan 10px de distancia respecto al mismo.

Los links group sin separador tienen una separación horizontal de 10px respecto al párrafo y de 20px entre elementos.

Los links group con separador tienen una separación horizontal de 10px respecto al párrafo o elemento superior y de 20px hasta el divider de 1px con lo cual entre enlaces el espacio es de 41px

  • $Variable
  • 10dp
  • 20dp
Construcción de los links.

Buenas prácticas

Ejemplos de buenas prácticas