Roboto

Roboto is a sans-serif family with a broad range of weights and both normal and italic styles. Its clean, contemporary structure can support everyday interface text, editorial layouts, and branding systems that need consistent typography across different levels of emphasis. The variable format also allows more flexible adjustment than a fixed set of styles.

Best suited for: Use Roboto for app and website interfaces, navigation, forms, dashboards, documents, and general editorial content. Lighter weights can provide restrained supporting text, while medium and heavier weights help organize headings, labels, buttons, and other moments that need clearer emphasis.

Design considerations: The nine weights, from 100 through 900, offer fine control over hierarchy. Reserve the lightest weights for generous sizes and calm settings, and test heavier weights carefully in dense layouts. Italics can distinguish notes, references, or emphasis without changing the overall family. Its variable capability may help tune weight smoothly for responsive designs.

Pairing guidance: For contrast, combine Roboto with a serif that has distinct stroke variation for titles or longer reading passages. A restrained display face can also add character to short headings while Roboto handles supporting information. Keep differences clear in proportion, texture, or role, and avoid pairing it with another highly similar sans-serif.