# La voz tipográfica de un Mark: por qué cada Mark trae sus fuentes

[Canonical HTML page](https://gradiently.design/es/guide/type-voice-of-a-mark)

El color y la textura son solo la mitad de un estilo. Cada Mark trae también una fuente para titulares, otra para texto y una forma de componerlas, así que el primer borrador ya suena como el fondo sobre el que está.

## The short version

- La voz tipográfica de un Mark es la tipografía con la que empieza cada diseño: una fuente de titulares, una fuente de texto, un peso para los titulares, un espaciado entre letras y una caja.
- Los titulares siguen la fuente de titulares de la voz y el resto del texto sigue su fuente de texto, hasta que eliges otra cosa.
- Puedes cambiar la fuente de cualquier línea en el Studio y aplicar a una página las fuentes de titulares y de texto de tu kit de marca.
- La voz tipográfica existe porque las mismas palabras se sienten distintas en tipografías distintas, y un fondo y su tipografía deben sentirse como una sola decisión.
- La página de un Mark en el Mercado lo muestra con su propia voz y con otras cinco combinaciones: Editorial, Grotesk, Póster, Clásico y Moderno.

La **voz tipográfica** de un Mark es la tipografía que viene con él: una fuente de titulares, una fuente de texto para todo lo demás, un peso para la de titulares, un espaciado entre letras y una caja. Cuando empiezas un diseño sobre un Mark, tus palabras aparecen con esa voz, así que el primer borrador ya encaja con el fondo. Es un punto de partida, no un candado: cada línea se puede cambiar, y tus propias fuentes de marca pueden sustituirla.

## Por qué un fondo viene con fuentes

La tipografía tiene un tono de voz, igual que el habla. «Abrimos a las siete» en una Garamond fina suena a inauguración en una galería; en mayúsculas condensadas suena a concierto. Pon cualquiera de las dos sobre el fondo equivocado y el diseño discute consigo mismo. Un Mark de seda en ciruela profundo y un Mark op art en verde ácido piden letras distintas, y elegirlas juntas es lo que hace que un estilo se sienta intencionado.

Una invitación a un evento con el texto Abrimos a las siete, compuesta en la voz tipográfica del primer Mark

Un Mark, con su propia voz.

La misma invitación sobre un segundo Mark con otra paleta, otro material y otra tipografía

Las mismas palabras sobre otro Mark, que trae su propia voz.

También hay una razón práctica. La mayoría de quienes diseñan una publicación semanal no son tipógrafos, y la [combinación de fuentes](https://gradiently.design/es/guide/font-pairing) es uno de los puntos donde más fácil es equivocarse. Una voz ya ajustada a su Mark elimina esa decisión de cada diseño.

## Qué incluye una voz tipográfica

| Parte | Qué define | Ejemplo |
| --- | --- | --- |
| Fuente de titulares | Titulares y palabras grandes | Fraunces, Syne, Bebas Neue |
| Fuente de texto | Texto de cuerpo, detalles, letra pequeña | Inter, Manrope, Newsreader |
| Peso | Lo gruesa que es la fuente de titulares, de fina a extranegrita | 400 para una serifa elegante, 700 para un póster |
| Espaciado | Espacio entre letras, más apretado o más suelto | Algo apretado para titulares grandes |
| Caja | Tal como se escribe, todo mayúsculas o todo minúsculas | Mayúsculas para una voz de póster |

Las cinco partes de una voz. Juntas deciden cómo se ve cada titular sobre el Mark antes de que toques un ajuste.

Las fuentes salen de la biblioteca tipográfica de Gradiently, que abarca serifas como Fraunces, Playfair Display y EB Garamond, grotescas como Space Grotesk y Schibsted Grotesk, fuentes de titular condensadas como Anton y Oswald, monoespaciadas, caligráficas y redondeadas. [Serif o sans serif](https://gradiently.design/es/guide/serif-vs-sans-serif) explica lo que suele transmitir cada categoría.

Si quieres que tu web combine con un Mark, una voz se traduce directamente a CSS. Así queda escrita una voz editorial típica:

```css
h1, h2 {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.02em; /* tracking */
  text-transform: none;    /* case: as typed */
}

body {
  font-family: "Inter", system-ui, sans-serif;
}
```

Fuente de titulares, peso, espaciado y caja para los encabezados; la fuente de texto para todo lo demás. Ambas están en Google Fonts.

## Cómo sigue el texto a la voz

Cada texto de un diseño sabe si es un titular o texto de cuerpo. Los titulares siguen la fuente de titulares, el peso, el espaciado y la caja de la voz; el texto de cuerpo sigue su fuente de texto. Mientras una línea no tenga una fuente propia, sigue a la voz, así que si pones otro Mark en el diseño, las palabras adoptan también la voz del nuevo Mark.

El panel de color y tipografía del Studio muestra la voz del Mark como una pareja de titular y texto, y te permite aplicarla a toda la página en un paso. Es útil cuando una plantilla llega con otras fuentes y quieres que suene como tu Mark.

## Cómo cambiar la voz de un Mark en tus diseños

1. **Cambia una línea** Selecciona el texto y elige otra fuente, otro peso, otro espaciado u otra caja. Esa línea conserva a partir de ahora su propio ajuste.
2. **Cambia una página entera** Elige una fuente de titulares y otra de texto y aplícalas a la página, para que todos los titulares y párrafos cambien a la vez.
3. **Usa tus fuentes de marca** Añade una fuente de titulares y otra de texto a tu kit de marca, subiendo archivos OTF, TTF, WOFF o WOFF2 si son tuyas, y aplica las fuentes de la marca a una página en un paso.
4. **Pídeselo al Designer** El Designer aplica el kit de marca por ti, así que los diseños que crea empiezan con las fuentes de tu marca.

Cómo subir una tipografía se explica en [subir fuentes personalizadas](https://gradiently.design/es/guide/custom-fonts-upload), y el resto del kit en [configurar el kit de marca](https://gradiently.design/es/guide/brand-kit-setup). Revisa tu licencia antes de subir una fuente comercial; [licencias de fuentes](https://gradiently.design/es/guide/font-licensing) explica en qué fijarte.

## Probar un Mark con otras voces

En la página de un Mark en el [Mercado](/market), las vistas previas se pueden alternar entre su propia voz y cinco combinaciones listas, para que veas el estilo con una tipografía más cercana a tu marca antes de diseñar nada.

| Combinación | Fuente de titulares | Fuente de texto | Transmite |
| --- | --- | --- | --- |
| Su propia voz | Elegida con el Mark | Elegida con el Mark | Tal como se hizo el Mark |
| Editorial | Instrument Serif | Inter | Revista, galería, reflexión |
| Grotesk | Space Grotesk | Space Grotesk | Estudio, técnica, actualidad |
| Póster | Anton, en mayúsculas | Archivo | Ruido, eventos, deporte |
| Clásico | Cormorant Garamond | EB Garamond | Libresco, tradición, lujo discreto |
| Moderno | Geist | Geist | Limpio, producto, software |

Las combinaciones que puede mostrar la página de un Mark. Cada una es una pareja sólida y probada que también puedes usar en tus propios diseños.

## Cuándo conservar la voz y cuándo sustituirla

### Conserva la voz del Mark

- Todavía no tienes fuentes de marca
- La voz ya encaja con tu forma de hablar
- Quieres que los diseños formen un todo con el fondo
- Publicas a menudo y quieres decidir menos

### Usa tus propias fuentes

- Tienes un logotipo o una tipografía de marca consolidados
- Tu packaging, tienda o web ya usan fuentes fijas
- Necesitas una fuente que cubra ciertos idiomas
- Varias marcas comparten un estilo de la casa

En cualquier caso, quédate en dos tipografías como máximo y deja que el tamaño y el peso hagan el resto. Una jerarquía clara importa más que las propias fuentes, como muestra [jerarquía visual](https://gradiently.design/es/guide/visual-hierarchy). Si tus palabras van sobre un Mark, la legibilidad se resuelve aparte: el Mark mueve su zona más tranquila detrás del texto y la tinta automática elige texto claro u oscuro para cada línea, sea cual sea la fuente.

## FAQ

### ¿Qué es una voz tipográfica?

La tipografía con la que un Mark empieza cada diseño: una fuente de titulares, una fuente de texto, un peso para los titulares, un espaciado entre letras y una caja.

### ¿Puedo cambiar las fuentes de un Mark?

Sí. Cambia cualquier línea en el Studio, aplica una fuente de titulares y otra de texto a toda una página o usa las fuentes de tu kit de marca. La voz del Mark es solo el punto de partida.

### ¿Puedo usar mis propias fuentes en Gradiently?

Sí. Añade una fuente de titulares y otra de texto a tu kit de marca, subiendo los archivos de fuente si hace falta.

### ¿Qué pasa con mis fuentes si pongo otro Mark en un diseño?

El texto que sigue a la voz adopta la voz del nuevo Mark. Las líneas a las que diste una fuente propia la conservan.