IDENTIDAD LOGOTIPOS

IDENTIDAD COLOR

Color base
#429fb6

USO:
#2d699c

USO:
#ba9bc9

USO:
#48ae4d

USO:
#f39323

Factores de éxito
#edd301

USO:
#——

USO:
#——

USO:
#——

USO:
#f2f2f2

USO: <p>
#4d4d4d

USO: H, button txt
#000000

USO:
#——

USO:
#——

USO:
#——

USO:
#——

USO:
#——

USO:
#——

Color base
#429fb6

IDENTIDAD TIPOGRAFÍAS

SIGNIKA NEGATIVE
USO: <p>

Text Regular
Text Italic
Text Bold

a b c d e f g h i j k l ll m n ñ o p q r s t u v w y x z
A B C D E F G H I J K L LL M N Ñ O P Q R S T U V W Y X Z
á é í ó ú ñ Á É Í Ó Ú Ñ
1 2 3 4 5 6 7 8 9 0
# @ – _ ; . , : * € 2 2

Zilla Slab
USO: <p>

Text Regular
Text Italic
Text Bold

a b c d e f g h i j k l ll m n ñ o p q r s t u v w y x z
A B C D E F G H I J K L LL M N Ñ O P Q R S T U V W Y X Z
á é í ó ú ñ Á É Í Ó Ú Ñ
1 2 3 4 5 6 7 8 9 0
# @ – _ ; . , : * € 2 2

Preset estilos de texto

TEXTO – ESTANDAR – texto OSCURO
Preset: por defecto

H1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.

H2 BIG: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.

H2: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.

H2 SMALL: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.

H3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.

H4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.

H5: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.

p: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien id nisi porttitor ultricies nec vitae urna. Nullam tempus malesuada libero, eget egestas erat consectetur eu.

p: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien id nisi porttitor ultricies nec vitae urna. Nullam tempus malesuada libero, eget egestas erat consectetur eu.
br: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien id nisi porttitor ultricies nec vitae urna. Nullam tempus malesuada libero, eget egestas erat consectetur eu.

a: Lorem ipsum dolor Mark: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Strong: Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien i: id nisi porttitor ultricies nec vitae urna. u: Nullam tempus malesuada libero, eget egestas erat consectetur eu

 

  • Aenean a nulla risus.
  • Aenean a nulla risus.
  • Aenean a nulla risus.
  • Aenean a nulla risus.
  • Aenean a nulla risus.
  1. Aenean a nulla risus.
  2. Aenean a nulla risus.
  3. Aenean a nulla risus.
  4. Aenean a nulla risus.

TEXTO – ESTANDAR – texto CLARO
Preset: por defecto

H1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.

H2 BIG: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.

H2: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.

H2 SMALL: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.

H3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.

H4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.

H5: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.

p: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien id nisi porttitor ultricies nec vitae urna. Nullam tempus malesuada libero, eget egestas erat consectetur eu.

p: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien id nisi porttitor ultricies nec vitae urna. Nullam tempus malesuada libero, eget egestas erat consectetur eu.
br: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien id nisi porttitor ultricies nec vitae urna. Nullam tempus malesuada libero, eget egestas erat consectetur eu.

a: Lorem ipsum dolor Mark: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Strong: Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien i: id nisi porttitor ultricies nec vitae urna. u: Nullam tempus malesuada libero, eget egestas erat consectetur eu

 

  • Aenean a nulla risus.
  • Aenean a nulla risus.
  • Aenean a nulla risus.
  • Aenean a nulla risus.
  • Aenean a nulla risus.
  1. Aenean a nulla risus.
  2. Aenean a nulla risus.
  3. Aenean a nulla risus.
  4. Aenean a nulla risus.

Link <a>, dentro de texto con forma de botón

Hay que incluir la class=»boton-a», y si es de un color, el color. ejemplo= <a class=»boton-a amarillo»>…</a>

Preset TEXTO – Mod por class (Ajustes > Clase CSS)

Factores de éxito: amarillo #edd301

Economía: verde #48ae4d

Tejido Empresarial: azul #2d699c

Relaciones Sociales: naranja #f39323

Innovación: morado #ba9bc9

Preset TEXTO – Destacado Link / css: «destacado-link»

Preset TEXTO – Mod por class (Ajustes > Clase CSS)

Hay que volber a añadir la clase destacado-link y luego el color (ejem: «destacado-link amarillo»)

Factores de éxito: amarillo #edd301

Economía: verde #48ae4d

Tejido Empresarial: azul #2d699c

Relaciones Sociales: naranja #f39323

Innovación: morado #ba9bc9

Preset TEXTO – Destacado Descarga / css: «destacado-link»

Preset TEXTO – Mod por class (Ajustes > Clase CSS)

Hay que volber a añadir la clase destacado-link y luego el color (ejem: «destacado-link amarillo»)

Factores de éxito: amarillo #edd301

Economía: verde #48ae4d

Tejido Empresarial: azul #2d699c

Relaciones Sociales: naranja #f39323

Innovación: morado #ba9bc9

Preset Botones

Preset Botones – Mod por class (Ajustes > Clase CSS)

Preset Botones «Leer Más» –  BTN leer mas

Preset Botones – Mod por class (Ajustes > Clase CSS)

Factores de éxito: amarillo #edd301

Economía: verde #48ae4d

Tejido Empresarial: azul #2d699c

Relaciones Sociales: naranja #f39323

Innovación: morado #ba9bc9

Preset Boton «descarga» – BTN Descarga

Preset Botones – Mod por class (Ajustes > Clase CSS)

Preset CONMUTADOR – Por defecto

Conmutador Estándar - Por defecto

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Preset CONMUTADOR – Mod por class (Ajustes > Clase CSS)

Factores de éxito: amarillo #edd301

Conmutador Estándar - Por defecto

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Economía: verde #48ae4d

Conmutador Estándar - Por defecto

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Tejido Empresarial: azul #2d699c

Conmutador Estándar - Por defecto

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Relaciones Sociales: naranja #f39323

Conmutador Estándar - Por defecto

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Innovación: morado #ba9bc9

Conmutador Estándar - Por defecto

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Preset CONMUTADOR – CONM Leer mas + conm-leer-mas

Leer más

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Preset CONMUTADOR – Mod por class (Ajustes > Clase CSS)

Hay que volber a añadir la clase conm-leer-mas (ejem: «conm-leer-mas amarillo»)

Factores de éxito: amarillo #edd301

Leer más

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Economía: verde #48ae4d

Leer más

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Tejido Empresarial: azul #2d699c

Leer más

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Relaciones Sociales: naranja #f39323

Leer más

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Innovación: morado #ba9bc9

Leer más

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Preset CONTADOR NUMÉRICO

Su título va aquí

Preset CONMUTADOR – Mod por class (Ajustes > Clase CSS)

Hay que volber a añadir la clase conm-leer-mas (ejem: «conm-leer-mas amarillo»)

Factores de éxito: amarillo #edd301

Su título va aquí

Economía: verde #48ae4d

Su título va aquí

Tejido Empresarial: azul #2d699c

Su título va aquí

Relaciones Sociales: naranja #f39323

Su título va aquí

Innovación: morado #ba9bc9

Su título va aquí

Preset CONTADORES CIRCULARES

su titulo va aquí

Preset CONTADOR DE BARRAS

  • Su título va aquí 50% 50%

Preset CONMUTADOR – Mod por class (Ajustes > Clase CSS)

Hay que volber a añadir la clase conm-leer-mas (ejem: «conm-leer-mas amarillo»)

Factores de éxito: amarillo #edd301

  • Su título va aquí 50% 50%

Economía: verde #48ae4d

  • Su título va aquí 50% 50%

Tejido Empresarial: azul #2d699c

  • Su título va aquí 50% 50%

Relaciones Sociales: naranja #f39323

  • Su título va aquí 50% 50%

Innovación: morado #ba9bc9

  • Su título va aquí 50% 50%

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Conmutador - Preset: por defecto

P: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. BR
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit.

P: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit.

a: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit.

b

Anuncio - Preset: por defecto

P: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. BR
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit.

P: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit.

a: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit.

Código html - Preset: Por defecto

Su título va aquí

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Su título va aquí

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

llamada Acción - Preset por defecto

Your con

P: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. BR
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit.

P: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit.

a: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris malesuada pharetra hendrerit.

tent goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.