Manual de marca ROGLE

Reengineering Operations GroupWork Logistics Excellence

Fecha de publicación

1 de octubre de 2026

La marca

ROGLE es un grupo de investigación del Departamento de Organización de Empresas de la Universitat Politècnica de València. Investiga la reingeniería de operaciones y la logística, y trabaja en equipo.

La web del grupo es https://rogle.webs.upv.es/.

Idea

  • En valenciano, rogle es el corro de personas. «Fer rogle» es reunirse en círculo.
  • El isotipo muestra cinco personas en corro. Cada una abraza al grupo con una media luna.
  • Las medias lunas giran. Expresan dos ideas del nombre: el trabajo en grupo (GroupWork) y el ciclo continuo de mejora de las operaciones (Reengineering Operations).
  • Son cinco personas. El grupo crece.

Este manual fija cómo usar el logotipo, los colores y la tipografía. Los logotipos vigentes están en brand/logos/ y los valores en el _brand.yml de la raíz. La especificación completa está en marca/BRAND_SPEC.md.

Logotipos

La marca tiene tres versiones. Comparten el isotipo y la tipografía. Las imágenes de esta sección son los archivos de brand/logos/: cambian solas si cambia la alternativa vigente.

Logotipo principal de ROGLE Principal. Isotipo a la izquierda y descriptor bajo el nombre. Es la versión por defecto.

Logotipo integrado de ROGLE Integrado. El isotipo hace de «O». Para portadas, pósteres y cabeceras donde el nombre es protagonista.

Isotipo de ROGLE Isotipo. Para iconos, sellos y espacios cuadrados donde el nombre ya aparece cerca.

Principal e integrado existen con descriptor y sin él (-notagline). Usa la versión sin descriptor cuando el descriptor ya aparezca en la página o la pieza sea pequeña. Con descriptor, el ancho mínimo es 60 mm o 320 px.

Variantes de color

Variante Archivo Uso
color rogle-<versión>-color Fondos blancos o claros. Primera opción
reverse rogle-<versión>-reverse Fondos Oxford Blue u oscuros. Sin fondo propio
black rogle-logo-black Impresión a una tinta, grabado y sellos. Solo el logotipo principal

Variante color color: fondos blancos o claros.

Variante invertida reverse: fondos Oxford Blue u oscuros.

Variante de una tinta negra black: una tinta negra.

Sin descriptor, el logotipo principal y el integrado tienen las mismas variantes color y reverse.

Logotipo principal sin descriptor rogle-logo-notagline-color

Logotipo principal sin descriptor, invertido rogle-logo-notagline-reverse

Logotipo integrado, invertido rogle-wordmark-reverse

Isotipo, invertido rogle-symbol-reverse

La variante black es plana. Úsala solo cuando el color no sea posible. El degradado de las versiones digitales no se imprime.

Más versiones de la alternativa A

Estas piezas existen por alternativa. Aquí se muestra A. Con otra alternativa vigente, cambia A por B o C en el nombre de la carpeta y del archivo.

Logotipo vertical rogle-A-vertical: espacios estrechos o cuadrados.

Logotipo horizontal digital rogle-A-horizontal-digital: solo en pantalla. Medias lunas con degradado.

Logotipo horizontal en negativo con descriptor rogle-A-horizontal-negativo-descriptor: portadas oscuras.

Logotipo integrado con descriptor rogle-A-integrado-descriptor: el isotipo hace de «O».

El catálogo completo (trece versiones por alternativa, en SVG, PDF y PNG) está en marca/alternativa-A/, marca/pdf/ y marca/png/. La tabla de cada versión y su uso está en la especificación.

Isotipo y piezas comunes

Las tres alternativas comparten el mismo isotipo. Está en marca/comunes/.

Isotipo plano rogle-isotipo: versión plana, para impresión y uso general.

Isotipo digital rogle-isotipo-digital: medias lunas con degradado. Solo en pantalla.

Isotipo en negativo rogle-isotipo-negativo: sobre fondo Oxford Blue.

Avatar rogle-avatar: redes sociales y perfiles.

Favicon rogle-favicon: hasta 48 px. Se exporta a 16, 32 y 48 px.

Logotipos animados

Cada alternativa tiene cuatro animaciones, en GIF (800 px, en bucle) y MP4. Están en marca/animaciones/. Son para pantallas, presentaciones y redes.

  • Giro: el isotipo gira en el centro, se coloca a la izquierda y el nombre aparece de izquierda a derecha.
  • Común: el isotipo aparece con un pequeño rebote y el nombre entra desde la izquierda.
  • Fer rogle: las cinco personas llegan y forman el corro, las medias lunas las abrazan, el corro gira una quinta parte y caen las letras.
  • 20: un contador pasa de 2006 a 2026, se convierte en el «20» y aparece «SINCE 2006».

Alternativa A, animación giro

Alternativa A, animación fer rogle

Alternativa A, animación 20

Área de protección y tamaño mínimo

  • Alrededor de la marca se deja un espacio libre igual a 0,25 veces la altura del isotipo. Ningún texto, borde o imagen entra en ese margen.
  • Isotipo: 16 px en pantalla y 5 mm impreso. Hasta 48 px se usa rogle-favicon.
  • Horizontal: 160 px o 30 mm de ancho.
  • Horizontal con descriptor: 320 px o 60 mm de ancho.

Usos incorrectos

  • No deformes, gires ni inclines la marca.
  • No cambies los colores ni el número de personas del isotipo.
  • No añadas sombras, contornos, brillos ni otros efectos.
  • No uses el degradado en impresión a una tinta.
  • No cambies la separación entre isotipo y logotipo.
  • No coloques la marca sobre fotografías o fondos con poco contraste.
  • No uses el isotipo de la UPV ni su pictograma (Poli) dentro de la marca ROGLE.

Color

La paleta parte de Oxford Blue y de dos índigos. El ámbar es el único acento cálido y tiene una regla estricta. Los valores están en el _brand.yml de la raíz y en brand/latex/rogle-colors.sty.

Colores de marca

Oxford Blue
#002147 · oxford-blue
Personas del isotipo, logotipo, textos y fondo del negativo.

Índigo
#3F4AA8 · indigo
Descriptor, inicio del degradado, enlaces y titulares de apoyo.

Índigo medio
#5B67C7 · indigo-medio
Medias lunas de la versión principal.

Índigo claro
#A9B0E0 · indigo-claro
Final del degradado y medias lunas en negativo. Nunca texto sobre blanco.

Colores de apoyo

Ámbar
#F5B000 · ambar
Solo la cifra «20», sobre Oxford Blue.

Gris UPV 431
#5B6770 · gris-upv-431
Nombre del grupo en la firma institucional UPV.

Separador
#CFCFCF · separador
Línea entre la marca UPV y la marca ROGLE.

Blanco
#FFFFFF · blanco
Fondo. Personas y logotipo en negativo.

Reglas de color:

  1. Oxford Blue e índigo nunca se tocan (2,11 : 1). El aire blanco del isotipo los separa.
  2. El ámbar no se usa sobre fondo claro (1,89 : 1).
  3. El degradado solo se usa en pantalla. En impresión se usa la versión plana.

Contraste y accesibilidad

La UPV exige al menos el nivel AA en todos sus canales.

Combinación Contraste
Oxford Blue sobre blanco 16,05 : 1
Índigo sobre blanco 7,62 : 1
Índigo medio sobre blanco 4,99 : 1
Gris UPV 431 sobre blanco 5,80 : 1
Índigo claro sobre Oxford Blue 7,62 : 1
Ámbar sobre Oxford Blue 8,48 : 1

Tipografía

La marca usa Palatino para el texto y para todos los títulos, estos en negrita. Gill Sans queda solo para lo secundario: etiquetas, pies, cabeceras y numeración. La regla es la misma en documentos y presentaciones. Es el sistema de la marca personal de Alberto Lacort, que comparte esta paleta. Las fórmulas van en Pagella y el código en Consolas o Inconsolata. Decisión y fuentes: registro de decisión.

Excepción: la web usa Poppins e Inter, las fuentes web de la UPV. Poppins Bold va en los titulares e Inter en el texto, el menú y las etiquetas. Documentos y presentaciones siguen con Palatino y Gill Sans. Las fuentes web están en brand/fonts/poppins/ y brand/fonts/inter/, con su licencia SIL OFL 1.1.

Reingeniería de operaciones

Títulos en Palatino negrita

Etiquetas, pies y cabeceras en Gill Sans

El texto corrido va en Palatino. Las cursivas marcan términos técnicos. La utilización de un servidor es ρ = λ/μ.

quarto render muestra.qmd

Uso Fuente
Texto y todos los títulos (portada, sección, diapositiva), estos en negrita Palatino
Texto secundario: etiquetas, pies de figura y de tabla, cabeceras de tabla, cabecera y pie de página, numeración, menú de seguimiento y metadatos de autoría Gill Sans
Fórmulas Pagella: newpxmath en LaTeX y mathjax-pagella en web; Cambria Math en Office
Código Consolas en Office; Inconsolata en LaTeX y como respaldo web

Cada medio toma la fuente del sistema. LaTeX y la web usan una fuente libre de respaldo si falta. Word y PowerPoint no tienen respaldo.

Uso Word y PowerPoint LaTeX y Beamer Web, HTML y Quarto
Texto Palatino Linotype Palatino del sistema; respaldo newpxtext Palatino del sistema; respaldo TeX Gyre Pagella
Títulos (negrita) Palatino Linotype Palatino del sistema; respaldo newpxtext Palatino del sistema; respaldo TeX Gyre Pagella
Texto secundario Gill Sans MT Gill Sans del sistema; respaldo gillius Gill Sans del sistema; respaldo Gillius ADF
Fórmulas Cambria Math newpxmath MathJax 4 con la fuente mathjax-pagella (HTML y Reveal.js)
Código Consolas inconsolata Consolas o Menlo; respaldo Inconsolata

LaTeX toma Palatino y Gill Sans del sistema solo con LuaLaTeX o XeLaTeX. Con pdfLaTeX usa siempre los clones libres.

Nivel Documento Diapositiva
Título de portada — 40 pt
Título de separador de sección — 36 pt
Título 18 pt 28 pt
Subtítulo 14 pt 24 pt
Texto 11 pt 18 pt
Pie de figura y notas 9 pt —
Pie de página — 12 pt

En diapositivas, ningún texto baja de 18 pt salvo los pies de página y los créditos.

Cómo aplicarla:

  • Quarto: el _brand.yml de la raíz ya define colores y tipografía. marca/muestra.qmd es un ejemplo completo.
  • Fórmulas en Quarto: añade include-in-header: <ruta>/brand/marca/mathjax-pagella.html y fija MathJax 4 en html-math-method, como hace muestra.qmd. Reveal.js necesita el mismo ajuste, porque Quarto carga allí MathJax 2 por defecto.
  • Reveal.js: las fuentes libres de respaldo no llegan a las diapositivas. Allí se usan Palatino y Gill Sans del sistema. Los títulos van en Palatino negrita y Gill Sans solo aparece en lo secundario.
  • LaTeX: carga \usepackage{rogle20-fonts} desde brand/latex/. \rogletitlefont da Palatino en negrita para los títulos; \sffamily da Gill Sans para lo secundario.
  • Word y PowerPoint: Palatino Linotype para el texto y los títulos (en negrita) y Gill Sans MT solo para lo secundario (en PowerPoint: menú, etiquetas, fuente y pie; en Word: pies de figura, cabeceras y numeración). Office para Mac las incluye y PowerPoint las incrusta al exportar a PDF. En Windows falta comprobarlo.
  • Fórmulas en Word y PowerPoint: usa Cambria Math. En equipos propios puedes instalar TeX Gyre Pagella Math (brand/fonts/) y elegirla en las opciones de ecuación.

Las fuentes libres de respaldo están en brand/fonts/, cada una con su licencia. Gillius ADF no es un clon exacto: está inspirada en Gill Sans. Palatino, Gill Sans, Cambria y Consolas no se incluyen, porque son comerciales.

Fuente Licencia
TeX Gyre Pagella y TeX Gyre Pagella Math GUST Font License
Gillius ADF GPL 2 o posterior. Su README cita una excepción para fuentes, cuyo texto no se distribuye
Inconsolata SIL Open Font License

Las letras de la marca dependen de la alternativa y se entregan convertidas a trazados:

  • Logotipo: letras UPV (A), geométrica a medida (B) o Palatino negrita (C).
  • Descriptor: Belleza (A), Barlow Semi Condensed Medium (B) o Palatino (C). Belleza y Barlow tienen licencia OFL. C usa TeX Gyre Pagella, con licencia GUST.
  • Firma institucional UPV: Futura Bold Condensed, como recomienda el anexo de la UPV para grupos. El anexo nombra Futura LT Pro. Los archivos usan la variante BT. Es una fuente comercial. Su licencia está pendiente.

Convivencia con la UPV

ROGLE pertenece a la UPV. La jerarquía depende del tipo de documento.

  • Documentos institucionales (actas, docencia oficial, RiuNet, memorias de proyecto): manda la marca UPV. ROGLE aparece como firma secundaria, a la derecha o en el pie.
  • Materiales propios del grupo (web, pósteres, presentaciones, informes técnicos, redes): manda ROGLE. La UPV aparece como respaldo, más pequeña y separada por una línea vertical en color separador.

No mezcles las paletas en la misma pieza. Los colores UPV de _brand.yml (prefijo upv-) sirven solo para documentos institucionales.

Firma institucional

Los documentos oficiales siguen el anexo de la Guía de Comunicación de la UPV para grupos de investigación. La marca UPV va acompañada del nombre del grupo en Futura Bold Condensed y en Gris UPV 431.

Firma institucional UPV del grupo ROGLE upv-rogle-firma-institucional: marca UPV en negro.

Firma institucional UPV del grupo ROGLE en negativo upv-rogle-firma-institucional-negativo: marca UPV en negativo sobre el cuadrado gris.

Marca propia junto a la UPV

Alternativa A, convivencia con la UPV rogle-A-upv-convivencia: materiales propios junto a la marca UPV.

Cuando ROGLE aparece con su propia marca junto a la UPV (rogle-<X>-upv-convivencia, con <X> igual a A, B o C):

  1. La marca UPV va a la izquierda y ROGLE a su derecha.
  2. Ambas tienen la misma altura. El isotipo de ROGLE mide lo mismo que la tinta visible de la marca UPV, sin contar el aire de su lienzo. El bloque ROGLE (isotipo y logotipo) queda centrado en esa altura. ROGLE nunca es mayor que la marca UPV.
  3. Las separa una línea vertical en color separador, con al menos media altura de aire a cada lado. La línea mide lo mismo que la tinta de las dos marcas.
  4. La marca UPV no se modifica.
  5. El archivo deja 90 unidades de margen en los cuatro lados. Se miden sobre la tinta de la marca UPV, el separador y ROGLE, no sobre el lienzo de la marca UPV.

20 aniversario

ROGLE se creó en 2006. El 20 aniversario es en 2026. La marca lleva la cifra «20» en ámbar, solo sobre Oxford Blue. Se usa solo durante el año del aniversario. Después, la marca sigue igual, sin la cifra.

20 aniversario rogle-A-20-aniversario: solo en pantalla, porque lleva degradado.

20 aniversario, «since 2006» rogle-A-20-since: «SINCE 2006». Medias lunas planas: se puede imprimir.

20 aniversario para fondo blanco rogle-A-20-blanco: la cifra va en índigo, porque el ámbar no se usa sobre fondo claro.

Plantillas, vídeo y kit de imprenta

Las plantillas con la marca vigente están en plantillas/. Cada carpeta tiene un README con los comandos y una muestra en PNG.

Plantilla Carpeta Formato
Presentaciones plantillas/presentaciones/ Quarto, Reveal.js y Beamer
Informe técnico y artículo plantillas/informe/ Quarto a PDF con LuaLaTeX
Póster A0 plantillas/poster/ Typst
Carta con membrete plantillas/carta/ LaTeX
Word y PowerPoint plantillas/office/ Tema .thmx, ROGLE.potx (estilo consultora, con menú de secciones) y plantillas .dotx (preprint, documento de trabajo, margen ancho y carta)

Estas plantillas cargan los logotipos de la alternativa A directamente. No cambian con brand/adoptar.sh. Las excepciones son las presentaciones y las de Word y PowerPoint (plantillas/office/), que siguen la alternativa vigente. Las de Word y PowerPoint se regeneran con python3 plantillas/office/build_all.py tras ejecutar brand/adoptar.sh. Las presentaciones, con python3 plantillas/presentaciones/build_logos.py. Los formatos de _extensions/ (prácticas, casos docentes y CITYM) usan los logotipos vigentes y se actualizan al cambiar de alternativa.

Vídeos de presentación de la marca, en entregables/video/:

La música es una pieza original en estilo reel, sintetizada por entregables/video/musica/build_musica.py: pop de baile a 128 pulsaciones por minuto en do mayor, con bombo a cuatro tiempos y efecto de bombeo, palmas, un gancho melódico de cuatro compases y una subida que desemboca en el «drop» justo cuando entra la escena del 20 aniversario. No es ninguna canción existente: las canciones que triunfan en redes tienen derechos de autor, y un vídeo institucional con ellas se silenciaría o se retiraría. La pieza es de dominio público (CC0). Para generar el vídeo sin música, --sin-musica. Los estilos anteriores siguen disponibles: build_musica.py valenciana y build_musica.py ambiental. Para usar un sonido de moda, publica la versión sin música y añade el audio desde la biblioteca de la propia red (Instagram, TikTok) al subirla.

Hay también versiones con locución (rogle-presentacion-marca-A-locucion.mp4 y -vertical-locucion.mp4): una voz de mujer explica cada escena y la música baja mientras habla. El guion está en entregables/video/locucion/guion.md. La voz es neuronal (Piper, español de España, en local) y suena mucho más natural que la del sistema, pero sigue siendo sintética: para la versión definitiva, una persona del grupo graba cada intervención (escena-01.wav … escena-09.wav) y se vuelve a generar con uv run entregables/video/locucion/build_locucion.py, que usa las grabaciones si existen.

El kit para imprenta es un ZIP con todas las piezas en SVG, PDF, PDF CMYK, EPS, DXF y PNG, las animaciones y un LEEME. El de la alternativa A está en entregables/kit-imprenta/ROGLE-20-aniversario-marca-A.zip. Para otra alternativa, ejecuta entregables/kit-imprenta/empaquetar.sh A,C (o B, ABC).

Sitio web

La web del grupo es https://rogle.webs.upv.es, en la web avanzada de la UPV. Es un sitio estático de Quarto, bilingüe (/es/ y /en/), con la alternativa vigente: cabecera con el logotipo horizontal, portada oscura con la cifra «20» en ámbar y pie con la convivencia UPV y ROGLE. Poppins va en los titulares e Inter en el resto (excepción web, véase «Tipografía»). Tiene tema claro y oscuro. No usa cookies ni recursos de otros dominios. La página Marca de la web ofrece todo para descargar: logotipos, paleta, plantillas, kit de imprenta, vídeos y este manual (en /marca/manual/). Cada miembro tiene un perfil y cada artículo una ficha con cita APA y BibTeX.

Las fuentes están en web/. uv run web/build_web.py genera los datos, las fuentes y las imágenes, y compila el sitio en web/_site/. uv run web/build_web.py deploy prepara el commit del sitio compilado para el repositorio de despliegue allabur/rogle-web, que Plesk descarga. Los pasos de Plesk y la lista de comprobación están en web/README.md.

Presentaciones

Reveal.js, Beamer y PowerPoint comparten un diseño de estilo consultora. La plantilla de Quarto (Reveal.js y Beamer) está en plantillas/presentaciones/ y la de PowerPoint en plantillas/office/.

  • Estilo. Fondo blanco, título de acción de una frase, menú de seguimiento de las secciones, barra de mensaje clave, línea de fuente y pie con número. La portada, la contraportada y los separadores van sobre Oxford Blue.
  • Tipografía. Los títulos van en Palatino negrita y el cuerpo en Palatino. Gill Sans solo aparece en lo secundario: menú, etiquetas, fuente, pie, número, cabeceras de tabla y leyendas.
  • Menú de seguimiento. Cinco variantes: lateral, superior, inferior, pasos (chevrones numerados) y ninguno. La sección actual va en índigo y las demás en gris. En Reveal.js y Beamer se elige con tracker: en el YAML y se calcula a partir de los # Sección.
  • Portada. El diseño principal es un campo Oxford Blue con un filete ámbar y una franja blanca con los logotipos de la UPV y de ROGLE en positivo. La alternativa es toda Oxford Blue con los logotipos en blanco (portada: negativa).
  • Color. El ámbar solo va sobre Oxford Blue.