> For the complete documentation index, see [llms.txt](https://docs.sentre.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sentre.io/design-pricinples/typography.md).

# Typography

You should use one font throughout your app's UI, and we recommend sticking with the default font of the platform - **Nunito**.

![](/files/eF41fo8ra6ki61FnvyPB)

### Guidelines

Our recommended base font size is **14px** and its corresponding line-height is **22px** for both desktop and mobile interfaces

#### 1. Desktop & tablet

![](/files/dYgIX1w8ujcler4uRWNv)

#### 2. Mobile

![](/files/Cy25x56xKuIQXItgrY0h)

### Color

Text will be difficult to read if it is too close to the background color.

![](/files/8gkedeepJnKdzEounO5T)

### Examples

Users rely on visual hierarchy when scanning a page: headers summarize content, and body text provides more detail.

![](/files/oLUzV9UbqGZ5Pn5TryS7)