Tipografía principal: Aeonik

Como tipografía corporativa de la marca se va a emplear la tipografía Aeonik, una tipografía de cortes geométricos y neogrotescos, cuyos remates proporcionarán la personalidad necesaria para reforzar los valores de Bnext.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9fc98475-8396-4ae5-8a5d-237c64b772de/Tipografa_Aeonik.png

Descargar tipografía Aeonik

Tipografías de sustitución

A continuación, te presentamos todas las tipografías disponibles en orden de prioridad en caso de no poder utilizar la tipografía principal:

Jerarquía

La combinación de tamaños de fuentes mantendrá la proporción 1/2 entre título y subtítulo. Los titulares evitarán crecer más de dos líneas y las descripciones 3 líneas de uso adecuado.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ba1d694b-2fa2-4f01-82b8-3584f6fde5c1/usage.png

Tipografía en producto


Ver referencia en Figma →

Family

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5d72d849-aaaa-40c2-b483-52951149cf69/Font_Weight.png

Weights

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/51fce47d-4afb-4ac8-a7cd-91ab3df9814f/Font_Family.png

Sizes

En Bnext se ha creado una regla de incrementos para determinar los distintos tamaños y los line-height asociados.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/d08f18c4-f1c2-467c-8803-979dfc82f823/Font_Size.png

Type Scale

Incluye un rango de estilos que abarca las necesidades del producto, cada estilo asociado a una aplicación y un significado.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/2adbe1a8-2aaf-4de2-a6c7-4aa8b53ee710/Global.png

Estilos Mobile

Ver referencia en Figma →

Header

Son el texto más grande en pantalla, reservados para textos cortos e importantes.