Display Type
Google Sans Flex is for use in headings with few words where we want big impact. It should always be in uppercase. Bold and Extra Bold weights can be used depending on how the software renders the font and the desired impact needed. The result should look heavy.
Display Type / Headings — Google Sans Flex Bold + Extra Bold Uppercase
AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPpQq RrSsTtUuVvWwXxYyZz 1234567890!?&#%$
Main Family
Google Sans Flex is our primary font family, and can be used in all copy situations from titles to body copy. As a family it is available in a full range of weights which can be used appropriately within the context of application.
Titles / Body Copy — Google Sans Flex Family (Various Weights)
Google Sans Flex — Regular
AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPpQq RrSsTtUuVvWwXxYyZz 1234567890!?&#%$
Google Sans Flex — SemiBold
AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPpQq RrSsTtUuVvWwXxYyZz 1234567890!?&#%$
Google Sans Flex — ExtraBold
AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPpQq RrSsTtUuVvWwXxYyZz 1234567890!?&#%$
Secondary Display Type
Construct Mono is our secondary display type. Primarily this is to be used to display numbers in stats, but can also be used as a secondary display type when we want to create more technical impact.
Secondary Display Type / Stats — Construct Mono
AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPpQq RrSsTtUuVvWwXxYyZz 1234567890!?&#%$
Technical Text
DM Mono is our technical font family, to be used when we want to add technical details and additional information. It can be used at much smaller size than normal copy and in various weights.
Technical Text — DM Mono Family (Various Weights)
DM Mono — Regular
AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPpQq RrSsTtUuVvWwXxYyZz 1234567890!?&#%$
DM Mono — Medium
AaBbCcDdEeFfGgHh IiJjKkLlMmNnOoPpQq RrSsTtUuVvWwXxYyZz 1234567890!?&#%$