> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.knapsack.cloud/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.knapsack.cloud/_mcp/server.

# Typography Styling

## Overview

The Typography Settings dashboard allows you to manage and customize the typography styles used throughout your Knapsack workspace. From page titles and descriptions to headers and body text, these settings provide you with the control needed to ensure your text elements align with your brand's visual identity. By fine-tuning the typography, you can create a consistent and cohesive look across all your documentation and components, enhancing readability and overall user experience.

![Screenshot 2024-08-28 at 4.13.41 PM.png](https://fdr-prod-docs-files-public.s3.us-east-1.amazonaws.com/knapsack-docs.docs.buildwithfern.com/9940395fd123a9528733aa845328dbab5bdb4ba4df11875ff5a64af10031a607/docs/assets/images/e0556aa3-screenshot-2024-08-28-at-41341-pm-p0hwouhwtopng.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA6KXJSKKNFOCF7G4B%2F20260724%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260724T211759Z&X-Amz-Expires=604800&X-Amz-Signature=6543b134a786fc3162e2b9b7dc55a35c255d274b5ebfbd614b9f60320b8f42c6&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)

### Accessing Typography Styling Settings

To access Typography Styling settings, go to the app menu in the top left corner of the screen, select Settings, and navigate to Typography.

### Managing Styles

Within the Typography dashboard, you can choose to style various typographic elements, including:

* Page Title
* Page Description
* H1 through H5
* Body Text
* Link

### Available Style Properties

For each typographic element, you can adjust the following style properties:

* **Color**
* **Font Family**
* **Font Size**
* **Font Stretch**
* **Font Weight**
* **Letter Spacing**
* **Line Height**
* **Text Case**

![Screenshot 2024-08-28 at 4.39.02 PM.png](https://fdr-prod-docs-files-public.s3.us-east-1.amazonaws.com/knapsack-docs.docs.buildwithfern.com/f086989e93edd289ea3dbb1d122bb78f9c2c522257f19f84c10b7ef1d3d43a02/docs/assets/images/e1090798-screenshot-2024-08-28-at-43902-pm-gl1c9-vsypng.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA6KXJSKKNFOCF7G4B%2F20260724%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260724T211759Z&X-Amz-Expires=604800&X-Amz-Signature=ec5f1a69d18c2e61a4c5c8ae02c07c4b8170bee047f714b925a901faef94e1f0&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)

By configuring these settings, you can ensure that all textual elements in your workspace are visually harmonious and aligned with your brand guidelines.