---
title: "Site Settings: Typography & Stylings"
slug: "site-settings-typography-stylings"
updated: 2026-10-20T19:31:32Z
published: 2026-10-20T19:31:32Z
canonical: "docs.blackthorn.io/site-settings-typography-stylings"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blackthorn.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Site Settings: Typography & Stylings

**Typography** controls font families, sizes, weights, and semantic colors:

- Font Colors Primary / Secondary / Muted
- Semantic colors: Success, Warning, Error, Info (with on-color variants)
- Font Families: UI Font (body), Title Font (H1–H3), Paragraph Font
- Custom Fonts via `@font-face` upload
- Size tokens for h1–h3, bodyLarge, bodySmall, caption

**Stylings** controls global defaults for shadows, borders, spacing, and layout width (Full / Expanded / Boxed / Custom).

💡The live **Typography Preview** panel updates in real time as you change settings: no need to save and refresh to check how headings and body text look together.

---

![Typography settings with live preview panel on the right](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/ss_9624jt0gz.jpg)Typography settings with live preview panel on the right