Colores
Colores primarios
Colores secundarios
Otros colores
Tipografía
El color primario de todas las tipografías es #FFF.
Desktop - Escala tercera mayor (1.25)
44px | 35px | 28px | 23px | 18px | 14px | 12px
Mobile - Escala tercera menor (1.20)
37px | 31px | 26px | 22px | 18px | 15px | 12px
The quick brown fox jumps over the lazy dog.
Mobile: Mave Pro | 37px / 2.05em | 110% | Bold
The quick brown fox jumps over the lazy dog.
Mobile: Mave Pro | 31px / 1.72em | 120% | Bold
The quick brown fox jumps over the lazy dog.
Mobile: Mave Pro | 26px / 1.44em | 120% | Bold
The quick brown fox jumps over the lazy dog.
Mobile: Mave Pro| 22px / 1.22em | 130% | Bold
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
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.
La clase.p1 se puede combinar con las siguientes clases para reducir tamaño o cambiar otras propiedades:
.small (14px / 0.78em).
.tiny (12px / 0.67em).
.centred (texto centrado).
.capitals (cambia el texto a todas mayúsculas).
.desktop-only (solo muestra el texto en la versión desktop).
.mobile-only (solo muestra el texto en la versión mobile).
La clase .text puede combinarse de la misma manera que se combina la clase.p1.
Logos responsivos
Buttons & CTAs
Rich Text - Publicaciones
orem 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.
This is a H2 heading
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.
This is a H3 heading
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.
This is a H4 heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
This is a H5 heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
This is a H6 heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Lista ordenada
- Fully responsive
- Cloneable
- Swap in with your client's styles
Lista sin orden
- Fully responsive
- Cloneable
- Swap in with your client's styles
Formato de Frase citada
"Lorem ipsum dolor sit amet, consectetur adipiscing elit."