Combinaciones de fuentes para Avenir que funcionan, con alternativas gratuitas listas para implementar

Adrian Frutiger diseñó Avenir en 1988 como una respuesta humanista a Futura: círculos geométricos y uniones limpias, pero con ascendentes acortados, una 'a' minúscula de dos niveles y un espaciado ligeramente abierto que mantiene la legibilidad en textos largos. Esa mezcla es toda su personalidad. Si la combina con otra sans geométrica, la página se vuelve plana, porque ambas fuentes transmiten el mismo mensaje. Combínela con algo que tenga un contraste real (una serif con cuerpo, una mono con carácter) y Avenir podrá hacer lo que mejor sabe hacer: organizar la página discretamente.

El inconveniente práctico: Avenir y Avenir Next son fuentes comerciales licenciadas a través de Monotype. Vienen instaladas gratis en las plataformas de Apple, razón por la cual tantos mockups se ven correctos en el Mac de un diseñador y luego recurren a otra fuente en cualquier lugar donde Avenir no esté instalada. Si su producto se ejecuta en la web abierta, la pregunta sobre la combinación y la pregunta sobre la alternativa son la misma, por lo que los especímenes a continuación renderizan las fuentes gratuitas que realmente implementaría.

Cada espécimen a continuación es texto real en la fuente real, cargada desde Google Fonts en su navegador. Nunito Sans hace el papel de Avenir; la nota bajo cada pareja indica qué cambia si posee una licencia y puede usar la original.

• Nunito Sans preserva la calidez. Terminales más redondeados, proporciones similares y cómoda en tamaños de cuerpo. La opción predeterminada y la utilizada en los especímenes anteriores.
• Jost preserva la geometría. Se acerca más a Futura que a Avenir, por lo que funciona cuando la marca busca el extremo más frío y arquitectónico de la misma familia.
• Plus Jakarta Sans preserva la sensación contemporánea. Tiene un poco más de carácter que las anteriores, está diseñada para pantallas y es la alternativa a elegir cuando el diseño se orienta más al producto que a la impresión.
• Mulish preserva la neutralidad. La más discreta de las cuatro; el cuerpo de texto desaparece en ella, lo cual es un cumplido.

Una advertencia honesta: ninguna de estas es Avenir. Las diferencias son visibles en un espécimen de 96px e invisibles en un párrafo de 16px, que es el tamaño en el que la mayoría de sus usuarios leerán realmente. Elija según el rol: Jost para display, Nunito Sans o Mulish para texto.

Elegir las fuentes resuelve dos de las decisiones que necesita una interfaz coherente. Los pesos por rol, una escala tipográfica, el espaciado entre letras, las alturas de línea y los colores sobre los que se asienta el texto son el resto, y son los que discretamente vuelven a los valores predeterminados cuando un agente de código o un constructor de apps con IA rellena los huecos. Ese relleno de huecos es cómo las apps creadas con IA terminan viéndose idénticas. Los kits a continuación implementan estas combinaciones dentro de sistemas completos: design tokens para modo claro y oscuro, la escala tipográfica completa y reglas que un agente puede seguir.