We use Ataccama Sans and Ataccama Mono—custom configurations of the high-quality and widely trusted open-source typefaces Inter and JetBrains Mono—for all in-product text.
- Ataccama Sans is used for most content.
- Ataccama Mono is used for sample data, masks, code, and similar elements.
The type scale follows a minor third ratio (1.2×), balancing readability with screen space in data-heavy interfaces.
Line height is set to 1.4× the font size; paragraph spacing is 0.5× line height. All values align to a 4pt grid.
Expand the table below to see details on text styles and their associated colors.
Use it for numerical summaries and brief, important, and the most significant text.
Use it for short text with lower importance than headline1.
Use it as a headline for cards or columns' headers in tables.
Use it as a headline for cards or columns' headers in tables.
Use it for the body of text content that is up to two lines long.
Use it to highlight a specific part in text content that is up to two lines long.
Use it to display data. Don't use it for metadata.
Use it for data to support an essential element. Don't use it for metadata.
Use it for descriptive details to support an essential element.
Use it to highlight a specific part of descriptive details to support an essential element.
Use it for displaying numerical values in tables or lists, where we want to allow users easy comparison and scanning of the values. NOTE: You might need to align the text to right, which is context dependent and not set by Flamingo.
Download fonts#
Configuration of Ataccama fonts#
Ataccama Sans based on Inter, featuring:
- Improved alignment for special characters (case)
- Open digits for readability (ss01)
- Enhanced distinction between similar characters (ss02)
- Simplified “u” matching Ataccama Mono (cv06)
Ataccama Mono based on JetBrains Mono, featuring:
- Slashed zero (zero)
- Broken equals ligatures (ss19)
- Alternate “5” matching Ataccama Sans (cv20)