Presidencia de la Nación

Destacar concepto o eje de gestión

Usá el componente «eje destacado con ícono» de Poncho para aumentar el impacto de un dato.


En esta página


Qué es el eje destacado con ícono

Eje destacado con ícono es un componente de la librería de estilos Poncho que te permite presentar con un ícono a color, un título y una breve descripción un principio, valor o eje de gestión, una funcionalidad o beneficio de un producto o un concepto importante de un contenido.

Eje o concepto 1

Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.

Eje o concepto 2

Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.



El componente es estático, no interactivo. Por lo tanto, no podés usarlo como atajo ni hipervincular el ícono, el título o la descripción.

La presentación puede ser a 1, 2, 3 o 4 columnas con el ícono y los textos centrados.

El subtítulo tiene nivel 3 (h3 o 3 numerales); por lo tanto, el componente no puede estar debajo de un subtítulo de niveles 4 a 6 (error de semántica web).

Volver al índice


Insertar uno o varios ejes

Para insertar uno o varios ejes, copiá el bloque de código de abajo, editalo y pegalo entre dos párrafos con una línea libre arriba y abajo.

El bloque de código corresponde a un solo eje. Por lo tanto, debés editar y pegar al menos dos bloques si es a dos columnas, al menos tres si es a tres columnas y al menos cuatro bloques si es a cuatro columnas.

Recordá que este recurso no admite hipervínculos en el ícono, el título ni el párrafo de texto.


[[colNÚMERO-{
[[ejes-{Título del eje}-{Párrafo de texto con descripción del eje.}-{ícono-de-Poncho}-{color-de-Poncho}]]
}-]
]

En la primera línea, en lugar de colNÚMERO informá la cantidad de columnas que va a tener el componente.

  • una columna se escribe col1;
  • dos columnas se escribe col2;
  • tres columnas se escribe col3;
  • cuatro columnas se escribe col4.

A partir de la segunda línea del bloque, escribí el título y la descripción entre sus respectivas llaves {}, informá el nombre del ícono entre llaves en ícono-de-Poncho y el color de Poncho entre llaves en color-de-Poncho.

Elegí el ícono de la librería de Poncho. Podés buscar entre toda la variedad de íconos que hay por palabras clave. Cuando encuentres uno que se ajuste a la información, hacé clic en el ícono, copiá el nombre que te informa a continuación y pegalo en tu código.

¿Falta un ícono o necesitás uno en especial?

La librería de Poncho tiene muchos y muy variados íconos. Si necesitás uno que no está en la librería, pedilo a contenidosdigitales@jefatura.gob.ar con una descripción lo más precisa y detallada posible de cómo debe ser.

Si tu organismo desarrolló un ícono, envianos el archivo en pdf en curvas. El ícono debe ser monocromo, con bajo nivel de detalle (para que sea legible en todos los tamaños) y tener una relación de aspecto cercana a 1:1.

Elegí el color de la paleta de Poncho. Copiá el nombre del color que se ajuste a la información y pegalo en tu código.

Por ejemplo, el bloque de código

[[col1-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-bailar}-{text-arg-mandarina}]]
}-]
]

muestra la siguiente información a una columna.

Eje o concepto

Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.



El bloque de código

[[col2-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-bailar}-{text-arg-mandarina}]]
}-]
]
[[col2-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-juegos}-{text-arg-palta}]]
}-]
]

muestra la siguiente información a dos columnas.

Eje o concepto

Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.

Eje o concepto

Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.



El bloque de código

[[col3-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-bailar}-{text-arg-mandarina}]]
}-]
]
[[col3-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-juegos}-{text-arg-palta}]]
}-]
]
[[col3-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-comida}-{text-arg-lima }]]
}-]
]

muestra la siguiente información a tres columnas.

Eje o concepto

Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.

Eje o concepto

Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.

Eje o concepto

Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.



Por su parte, el bloque de código

[[col4-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-bailar}-{text-arg-mandarina}]]
}-]
]
[[col4-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-juegos}-{text-arg-palta}]]
}-]
]
[[col4-{
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-comida}-{text-arg-lima}]]
}-]
]
[[ejes-{Eje o concepto}-{Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.}-{icono-arg-viajero}-{text-arg-arandano}]]
}-]
]

muestra la siguiente información a cuatro columnas.

Eje o concepto

Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.

Eje o concepto

Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.

Eje o concepto

Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.

Eje o concepto

Breve texto que desarrolla el eje o concepto en un solo párrafo sin hipervínculos.

Volver al índice

Scroll hacia arriba