Typography

Typography can help create clear hierarchies, organize information, and guide users through a product or experience.

Tokens and sets

BDS uses type tokens and themes to manage typography. Type tokens are pre-set configurations of typographic elements such as font size, weight, or leading. Selecting the appropriate type style is determined by layout or template structure. Layouts may have several levels of architecture or areas that require varying typographic hierarchies.

Productive and Expressive type

Productive type is reserved for use in product design, where the user needs to focus on tasks. The Productive styles are curated to create a series of clear user expectations about hierarchy. Expressive type, on the other hand, allows for a more dramatic, graphic use of type in editorial and marketing design — which many users would find distracting in product.

BDSans Typeface

BDS uses the open-source typeface BDSans (currently in development). It has been carefully designed to meet Bewond’s needs. BDSans can be accessed and downloaded from the GitHub Repo.

Sans-serif font stack

font-family: 'BDSans', 'Helvetica Neue', Arial, sans-serif;

Other Typefaces

BDSans can be used in conjunction with other characters, Roboto and IBM Plex are recommended.

Basic typeset

Supporting styles

Body

Productive typeset

Productive type is reserved for use in product design, where the user needs to focus on tasks.

Headings

Expressive type sets

Expressive type is reserved for use in editorial and digital marketing experiences which may require more dynamic typographic hierarchies and more variety in the Heading scale.

Headings

Paragraphs and quotes

Display