Colores

Mandarina

Verde oscuro

Mandarina

Verde claro

Mandarina

Lavanda

Mandarina

Mandarina

Mandarina

Azul cielo

Mandarina

Amarillo Sol

Mandarina

Beige oscuro

Mandarina

Beige

Mandarina

Beige claro

Mandarina

Gris oscuro

Mandarina

Gris

Mandarina

Gris claro

Mandarina

Gris claro

Tipografía

Pantalla 1

Pantalla 2

Pantalla 3

Pantalla 4

P - Pantalla 1

P - Pantalla 2

P - Pantalla 3

P - Pantalla 4

Rúbrica 1

Rúbrica 2

Rúbrica 3

Rúbrica 4

Rúbrica 5
Rúbrica 6

P - Rúbrica 1

P - Rúbrica 2

P - Rúbrica 3

P - Rúbrica 4

P - Rúbrica 5

P - Rúbrica 6

Cuerpo grande
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Cuerpo grande
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Cuerpo por defecto
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Cuerpo pequeño
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Texto semibold
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Texto semibold
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Enlace de texto

Listas

  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur
  1. Lorem ipsum dolor sit amet consectetur
  2. Lorem ipsum dolor sit amet consectetur
  3. Lorem ipsum dolor sit amet consectetur

Botones

Botón Primario PequeñoBotón Primario Grande
Botón Primario Icono Pequeño
Botón Icono principal grande
Botón Primario PequeñoBotón Primario Grande
Botón Primario Icono Pequeño
Botón Icono principal grande
Botón Secundario SBotón Secundario L
Botón Icono S secundario
Botón Secundario Icono L
Botón Enlace
Botón Icono de enlace
Botón Icono de enlace
Botón Contorno PequeñoBotón Contorno Grande
Icono pequeño del contorno de un botón
Icono grande del contorno del botón
Botón Contorno PequeñoBotón Contorno Grande
Icono pequeño del contorno de un botón
Icono grande del contorno del botón

Iconos

Iconos redondeados de la línea Fuente

Pegar código SVG

Utilizar una imagen

Todos los iconos con la fuente Rounded Icons

Todos los iconos con imágenes SVG

Prueba Texto + iconos

Lorem ipsum dolor met, prueba imagen SVG

Lorem ipsum dolor met, prueba fuente iconos

Radios

Radio 12px

Radio 16px

Radio 30px

Radio 4px

Radio 6px

Radio 8px

Radio 50%

Frontera

Borde 1 px

Borde Verde Oscuro

Borde Verde claro

Alinear

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Margen

Margen superior 16px

Margen superior 20px

Margen superior 24px

Margen inferior 32px

Margen inferior 80px

Margen inferior 0px

Margen inferior 10px

Margen inferior 12px

Margen inferior 16px

Margen inferior 98px

MG Top Auto

Sección

Sección + Contenedor por defecto (ancho máximo 1220px)

Sección + Contenedor lleno