# FINAZ · Manual de identidad Versión textual generada el 16 de octubre de 2026 a partir del HTML renderizado. Los simuladores se recogen con sus valores iniciales. Los gráficos, logotipos e interacciones se consultan en el [manual web](https://finaz-manual.iort.io/). Los apartados pendientes conservan su condición de pendientes. MasterBrand · Manual de identidad Contenidos financieros para web, móvil y televisión. Versión 1.0 · Octubre de 2026 Principios ## Claridad antes que decoración La identidad es monocromática: negro y blanco, con grises solo para jerarquía y un único acento turquesa. La marca se reconoce por su F, tres barras que son a la vez una letra y un gráfico. - **Negro y blanco primero.** Toda pieza debe funcionar sin color antes de añadir el turquesa. - **Un acento, con medida.** El turquesa señala lo importante: un dato, una sección, una llamada. - **Jerarquía tipográfica.** Escala, peso, espaciado, retícula y contraste; no color decorativo. - **Ortogonal.** Esquinas rectas y composiciones que se apoyan en horizontales, como las barras de la F. - **Síntesis.** Titulares cortos y cifras legibles. No se comprime la tipografía para que quepa más. - **Archivos oficiales.** El logotipo nunca se recompone con texto. [**Logotipo**Versiones y simulador de fondos](#logotipo) [**Color**Paleta y comprobador de contraste](#color) [**Cifras**Formateador es-ES en vivo](#cifras) [**Aplicaciones**Web, cotización y rótulo de TV](#aplicaciones) 01 · Logotipo ## Un archivo cerrado, de una sola tinta El logotipo está reconstruido sobre Inter ExtraBold (800) y ajustado a mano: la F son tres barras de 139, 110 y 49 unidades de largo, con el mismo grosor y separaciones iguales, y las letras tienen un espaciado óptico propio. **No se recompone con texto.** ### Simulador de fondos Elige un fondo y una versión. El simulador te dice si la combinación está permitida y con qué contraste. Fondo Versión Permitido · contraste 21:1 Velo negro al 50 % (fotografía) ### Versiones | Versión | Archivo | Fondo | | --- | --- | --- | | **Principal positiva** | `finaz-logotipo-negro.svg` | Blanco, gris-100 y fotografía clara | | **Principal negativa** | `finaz-logotipo-blanco.svg` | Negro, gris-900 y fotografía oscura | | Secundaria color | `finaz-logotipo-turquesa.svg` | Solo negro o gris-900 | | Secundaria sobre acento | `finaz-logotipo-negro.svg` | Relleno turquesa | Las versiones de color son secundarias: aperturas, redes y piezas de marca. El logotipo nunca combina dos colores. 02 · Construcción ## Módulo x, área de respeto y mínimos **x** es el grosor de una barra de la F: 40 de 203,64 unidades, el 19,64 % de la altura del logotipo. Alrededor del logotipo se reserva un espacio libre de **2x** en los cuatro lados. Área de respeto Módulo x Bandas horizontales ### Tamaño mínimo Altura del logotipo: **40** px Válido en web, apps y TV 1080p | Soporte | Altura mínima | Nota | | --- | --- | --- | | Web y apps | **20 px** | Por debajo, usa el símbolo | | Emisión 1080p | **32 px** | Unos 21 px tras bajar a 720p | | Impresión | **6 mm** | Símbolo: 8 mm de lado | 03 · Símbolo ## La F, sola y en su cuadrado La F es la del logotipo a escala uniforme, colocada en el centro óptico del cuadrado. Se usa en avatares, iconos de app, favicon, mosca de TV y firmas pequeñas, y nunca sustituye al logotipo en la primera aparición de la marca. **finaz-simbolo-negro.svg** · F calada · fondos claros **finaz-simbolo-blanco.svg** · F calada · fondos oscuros y mosca **finaz-simbolo-turquesa.svg** · F negra · secundaria ### En contexto **FINAZ** @finaz · Avatar recortado por la red social **Icono de app** Se entrega cuadrado; el sistema aplica la máscara FINAZ · Mercados Pestaña del navegador (favicon de 16 px pendiente) - No redondear las esquinas del archivo: el recorte lo hace cada plataforma. - No sacar la F del cuadrado ni moverla dentro de él. - No usar el cuadrado turquesa con la F en blanco (2,35:1). 04 · Color ## Negro y blanco, con un acento Los grises neutros se usan solo para jerarquía y superficies. El turquesa sirve para la versión secundaria del logo y para el acento en las aplicaciones. Pulsa un valor para copiarlo. negro **Negro**Color de marca blanco **Blanco**Color de marca turquesa **Turquesa**Acento y logo secundario turquesa-profundo **Turquesa profundo**Acento legible sobre claro #### Grises ### Proporción Negro, blanco y grises ocupan la práctica totalidad de la superficie, y el turquesa como mucho una décima parte. Se usa como bloque, barra o dato resaltado, nunca como fondo general. Blanco Negro Grises Acento ### Comprobador de contraste 11.234,60La Bolsa cierra la semana con subidas. Texto o marca Fondo 2,35:1 Texto normal (4,5:1)No cumpleTexto grande, 24 px o más (3:1)No cumpleIconos, filetes y logotipo (3:1)No cumpleNivel AAA, texto normal (7:1)No cumpleSobre claro, usa turquesa-profundo como acento. ### Reglas del turquesa - **Sobre negro** se puede usar como texto, icono, filete o logotipo (8,9:1). - **Sobre blanco** nunca como texto, icono, filete fino ni logotipo (2,35:1). Para eso está `turquesa-profundo` #2B7578 (5,4:1). - **Como relleno**, el texto encima es siempre negro (8,9:1), nunca blanco. - **No es un color de dato.** El turquesa no significa «sube». Las variaciones llevan signo y flecha. 05 · Tipografía ## Inter, y dos complementarias Aa #### Inter Principal. Titulares, interfaz, texto corrido y cifras. Aa #### Newsreader Editorial. Entradillas y citas. Uso selectivo. Aa #### IBM Plex Mono Técnica. Código, marcas de tiempo e identificadores. Prueba tu texto Grupo Inter · Titulares **display**64px / 64px · 800 · -0.03em Titular de alto impacto: portadas, aperturas de programa, campañas. Uno por pieza. El Ibex cierra la semana en máximos **titular-1**44px / 48px · 700 · -0.02em Titular principal de artículo o de página. Qué significa la bajada de tipos para tu hipoteca **titular-2**32px / 38px · 700 · -0.015em Titulares de módulo y de portada secundaria. Mercados europeos **titulo-seccion**24px / 30px · 600 · -0.01em Título de sección dentro de una página. Renta fija **subtitulo**20px / 28px · 500 · -0.005em Subtítulos y destacados. El BCE mantiene el precio del dinero por tercera reunión consecutiva Inter · Texto e interfaz **texto**17px / 26px · 400 Texto corrido de artículos y descripciones. La inflación subyacente se moderó en septiembre hasta el 2,4 %, dos décimas menos que en agosto. **texto-pequeno**15px / 22px · 400 Pies de foto, notas y texto de apoyo. Datos a cierre de sesión. Fuente: mercados oficiales. **etiqueta**14px / 20px · 500 Etiquetas, chips y botones. Ver cotización **navegacion**15px / 20px · 600 Elementos de navegación principal. Mercados Empresas Economía Tu dinero **antetitulo**12px / 16px · 600 · 0.08em Antetítulo o categoría, en versalitas (mayúsculas) con tracking. MERCADOS Inter · Cifras **cifra-protagonista**56px / 56px · 700 · -0.02em La cifra que protagoniza un módulo o un rótulo. 11.234,60 **cifra-destacada**28px / 32px · 600 · -0.01em Cifras de apoyo en tarjetas y resúmenes. +0,42 % **tabla**15px / 20px · 400 Celdas de tablas y cotizaciones. 4.987,12 −0,18 % 17:24 **tabla-enfasis**15px / 20px · 600 Valor principal de cada fila de tabla. BBVA 10,245 Newsreader · Editorial **entradilla**22px / 32px · 400 Entradilla de reportajes y artículos especiales. Diez años después de la crisis, las familias españolas ahorran más, pero de otra manera. **cita**30px / 38px · 400 Citas destacadas en reportajes y entrevistas. «El ahorro no es lo que te sobra, es lo primero que apartas». IBM Plex Mono · Técnica **mono**13px / 20px · 400 Marcas de tiempo, identificadores, código. 2026-10-16 17:24:05 CET · ID FZ-0142 **mono-enfasis**13px / 20px · 500 Valor destacado dentro de un bloque técnico. status: 200 OK TV · 1080p (provisional) **tv-rotulo**48px / 56px · 700 · -0.01em Titular del rótulo inferior (faldón). La Bolsa española sube un 1,2 % **tv-rotulo-secundario**32px / 40px · 500 Segunda línea del rótulo: nombre, cargo, contexto. Nombre Apellido · Analista de mercados **tv-cifra**88px / 88px · 700 · -0.02em (mostrado a 72 px) Cifra a pantalla en gráficos de plató. +1,24 % **tv-dato**28px / 32px · 600 Datos del ticker y del grafismo de mercados. IBEX 35 11.234,60 ▲ 0,42 % Regla: el ExtraBold (800) es solo para el logotipo y el `display`. La mayor parte de la comunicación va en Regular, Medium y Semibold. No se usan Light ni Thin para información crítica. 06 · Cifras y datos ## Las cifras son el contenido Las cifras van en Inter, con cifras tabulares cuando deben alinearse. Mono solo para marcas de tiempo e identificadores. Escribe un valor y su variación para ver cómo se compone. Valor Variación (%) Decimales Unidad Datos ilustrativos 11.234,60 ▲ +0,42 % 2026-10-16 13:50 · actualizado ### Formatos es-ES | Dato | Formato | No | | --- | --- | --- | | Valor | **11.234,60** | 11,234.60 · 11234,6 | | Variación | **+0,42 % · −0,18 %** | +0.42% · -0,18% | | Hora | **17:24** | 17.24 h · 5:24 PM | | Fecha | **16 oct. 2026 · 16/10/2026** | 10/16/2026 | | Moneda | **1.250 € · 1,25 M€** | €1,250 | | Puntos básicos | **25 pb** | 25bps | - El negativo lleva el signo menos (−, U+2212), no el guion: mide lo mismo que el + y alinea en columnas. - Toda variación lleva signo, también el +, y en módulos de mercado, flecha: ▲ sube, ▼ baja, ■ sin cambios. - Las columnas de cifras se alinean a la derecha. La unidad va en la cabecera de la columna. ### Tabulares frente a proporcionales 11.234,60 987,15 10,24 1.250,00 4,99 112,40 Tabulares: cada cifra ocupa el mismo ancho y las columnas alinean. 11.234,60 987,15 10,24 1.250,00 4,99 112,40 Proporcionales: las cifras bailan al actualizarse. No usar en tablas. 07 · Elemento gráfico ## Las barras La F aporta un recurso propio: barras horizontales alineadas a la izquierda, con un hueco igual al grosor, o algo mayor. Dan reconocimiento sin repetir el logotipo. Se usan de una a cinco barras, y cada una mide al menos dos veces su grosor. Número de barras: **3** - **Marcador de acento:** una barra de 4 px en acento junto al antetítulo. - **Faldón de TV:** la banda superior del rótulo, en turquesa. - **Cortinillas:** las barras entran de izquierda a derecha, una tras otra. - No usar las barras para representar datos reales. - No redondearlas, inclinarlas ni ponerles degradado. - No combinarlas con el logotipo en la misma zona. 08 · Composición ## Retícula de 8, esquinas rectas Todo el espaciado sale de una retícula de 8 px con medio paso de 4. Se separa con espacio y filetes, no con sombras. Las esquinas son rectas en todo. | Token | Valor | Escala | Uso | | --- | --- | --- | --- | | `espacio-1` | 4px | | Separación mínima: icono y texto, cifra y signo. | | `espacio-2` | 8px | | Entre elementos de una misma línea; relleno vertical de etiquetas. | | `espacio-3` | 12px | | Relleno vertical de botones y celdas de tabla. | | `espacio-4` | 16px | | Relleno de tarjetas compactas; margen lateral en móvil. | | `espacio-6` | 24px | | Relleno de tarjetas y módulos; separación entre párrafo y titular. | | `espacio-8` | 32px | | Entre módulos de una misma sección. | | `espacio-12` | 48px | | Entre secciones de página. | | `espacio-16` | 64px | | Márgenes generosos en portadas y piezas de marca. | | `espacio-24` | 96px | | Márgenes de TV a 1080p (zona segura de grafismo, 5 %). | #### Retícula web 12 columnas, ancho máximo de 1280 px y medianil de 24. Márgenes de 16 en móvil, 32 en tableta y 48 en escritorio. #### Estados Foco: anillo sólido de 2 px en acento, separado 2 px. Hover: subrayado en enlaces. Deshabilitado: sin acento. #### Imagen Fotografía documental y natural. Sobre foto, velo negro del 40 al 60 % y logo en negativo. Sin duotonos turquesa. ### Botones Principal en tinta · secundario con borde · acento solo para una llamada por pantalla, con texto negro. Navega con el tabulador para ver el foco. 09 · Aplicaciones ## Web, datos y televisión [Mercados](#aplicaciones)[Empresas](#aplicaciones)[Economía](#aplicaciones)[Tu dinero](#aplicaciones) En directo Tu dinero # Qué significa la bajada de tipos para tu hipoteca Las cuotas variables empezarán a notar el cambio en la próxima revisión. Explicamos cuánto y cuándo. **Redacción FINAZ** · 16 oct. 2026 · 17:24 Logotipo a 26 px de alto en escritorio y 20 px en móvil. Sección activa con barra de acento. Una sola llamada en relleno turquesa. Simular directoLas cifras tabulares mantienen el ancho al actualizarse. Índice Índice de ejemplo 11.255,03 ▲ +0,18 % · +20,43 13:50 CET · Datos ilustrativos Divisa EUR / USD 1,0769 ▼ −0,68 % · −0,0073 13:50 CET · Datos ilustrativos Materia prima Brent 74,13 ▼ −0,06 % · −0,05 13:50 CET · Datos ilustrativos Titular del faldón Segunda línea Zonas seguras Correcto · 37 caracteres Zona segura de acción 93 % Zona segura de grafismo 90 % ##### La Bolsa cierra la semana con subidas Nombre Apellido · Analista de mercados _ÍNDICE A_11.234,60 ▲ +0,42 %_ÍNDICE B_4.987,12 ▼ −0,18 %_EUR/USD_1,0842 ▼ −0,18 %_BRENT_74,18 ▲ +1,05 %_ORO_2.384,50 ■ 0,00 %_BONO 10A_3,1200 ▲ +0,03 %_ÍNDICE A_11.234,60 ▲ +0,42 %_ÍNDICE B_4.987,12 ▼ −0,18 %_EUR/USD_1,0842 ▼ −0,18 %_BRENT_74,18 ▲ +1,05 %_ORO_2.384,50 ■ 0,00 %_BONO 10A_3,1200 ▲ +0,03 % Plantilla a 1920×1080 (EBU R 95): grafismo dentro del 90 % (96 px laterales, 54 verticales). Mosca con el símbolo blanco. Texto de 28 px como mínimo y líneas de 2 px. 10 · Usos incorrectos ## Lo que no se hace FINAZ **No** · Recomponer con texto **No** · Deformar **No** · Cambiar el espaciado **No** · Turquesa sobre claro **No** · Dos colores **No** · Contornos o filetes **No** · Sombras o efectos **No** · Rotar o inclinar **No** · Colores fuera de paleta 11 · ProductBrands ## Herencia hacia FINAZ TV #### Heredan - Inter como principal; Newsreader e IBM Plex Mono como complementarias. - Negro y blanco, el turquesa como único acento y sus reglas de contraste. - Logotipo y símbolo, sin modificar. - Elemento gráfico de barras y composición ortogonal. #### Pueden definir - Escalas, pesos, ritmo y composiciones propias de su medio, como la escala TV · 1080p. #### Necesita validación - Modificar el logotipo. - Introducir una nueva familia principal. - Añadir colores de acento. El descriptor «FINAZ TV» está pendiente de diseño. Hasta que se cierre, no se compone a mano con texto junto al logotipo. 12 · Descargas ## Archivos oficiales Los SVG son los archivos maestros. Los tokens están en JSON y CSS, listos para el desarrollo web. **Logotipo positivo**`finaz-logotipo-negro.svg` **Logotipo negativo**`finaz-logotipo-blanco.svg` **Logotipo secundario**`finaz-logotipo-turquesa.svg` **Símbolo, fondos claros**`finaz-simbolo-negro.svg` **Símbolo, fondos oscuros**`finaz-simbolo-blanco.svg` **Símbolo secundario**`finaz-simbolo-turquesa.svg` 13 · Pendiente de validar ## Antes de cerrar los tokens - Tamaños y alturas de línea por punto de corte. - Comportamiento óptico de Inter (eje opsz). - Legibilidad de cifras y gráficos; desambiguación 0/O y 1/I/l. - Contraste en móvil, escritorio y TV, en los dos temas. - Renderización TV: 720p, compresión y niveles legales. - Pruebas con textos reales en español. - Colores de subida y bajada para datos de mercado. - Equivalencias CMYK y Pantone del turquesa. - Favicon de 16 px ajustado al píxel. - Descriptor de ProductBrand (FINAZ TV). - Familia de iconos. FINAZ · MasterBrand · Manual de identidad v1.0 · Octubre de 2026