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
FINAZ · Manual de identidad
MasterBrand · Manual de identidad
Contenidos financieros para web, móvil y televisión.
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.
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.
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.
Tamaño mínimo
| 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
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.
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.
Comprobador de contraste
11.234,60La Bolsa cierra la semana con subidas.
21:1
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.
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.
Datos ilustrativos
11.234,60
▲ +0,42 %
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
Tabulares: cada cifra ocupa el mismo ancho y las columnas alinean.
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.
- 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.
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
En directo
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.
Las cifras tabulares mantienen el ancho al actualizarse.
Zona segura de acción 93 %
Zona segura de grafismo 90 %
La Bolsa cierra la semana con subidas
Nombre Apellido · Analista de mercados
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
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.
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.