Logos e iconos

Material Design Library

El sistema usa el icon font de Material Design .
Podemos utilizar todos los iconos de la librería de Material Design library llamándolos como una tipografía y sin tener que subirlos al Assets Panel

Customize

Remplazar los iconos

  1. Go to https://material.io/resources/icons/
  2. Search for the icon you want to insert
  3. Click on ‘Selected Icon’ in the bottom left corner
  4. Copy icon name
  5. Select the content of the Material Icons class on the canvas (Double-click + Ctrl+A)
  6. Paste the icon name from clipboard

Changing the icon theme

  1. Click on the icon: account_box
  2. Rename Material Icons class to the name of desired theme: Material Icons Outlined , Material Icons Round , Material Icons Sharp

Cambiar de color al icono

Sumar al icono la clase de text-color. For example C T Error-60

Icon Components

Feature Icon
star
Feature Icon Small
star
logo pucp/ negativo
logo pucp/ positivo

Best Practices

Estos son los tamaños de logotipo a usarse según cada breakpoint.T

/*Desktop LG > 1441*/

Imagotipo: 60px de alto.
Márgenes: 24px
Barra: 108px de alto.

/*Tablet y Desktop 992px - 1440px*/

Imagotipo: 52px de alto.
Márgenes: 21px
Barra: 94px de alto.

/* Mobile vertical y horizontal */

Imagotipo: 48px de alto.
Márgenes: 20px
Barra: 88px de alto.