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

> ## Agent Instructions
> This site documents Sundial 2.0, the design system of the Ash mobile app (Flutter). For implementing UI: use the Design System pages — color/typography tokens (foundations/*), Flutter theming (theming/*), and component APIs (components/*) — as your reference; every value there mirrors the Dart source in lib/design_system/. The Philosophy pages (philosophy/*) are design rationale written for humans: consult them when making design decisions, not for API lookups. Golden rules: never hardcode colors or text styles — read tokens via context.colorTheme and context.textTheme; prefer the 2.0 semantic names (contentPrimary, surfaceComponent, accentSolid…) over legacy contrast*/surface* getters and over SundialRef primitives; the accent is a single pale lavender solid that takes dark content — never use accent fills as text, icons, or borders (use contentAccent / borderSelected); brand surfaces are mode-invariant and pair with the contentOnBrand* inks; check lib/design_system/components/ before building custom widgets.

# Typography

> The serif voice and the working sans

Ash pairs a **warm classical serif** for expressive, human moments with **Inter** for everything functional. The serif is the brand's voice; the sans is its workhorse.

## The pairing

* **Serif (display)** — the *Ash* [wordmark](https://design.slingshotai.com/brand/marks.md) and large emotional headlines. Warm, literary, book-like; it's what makes Ash feel like a companion rather than a tool.
* **Inter (working sans)** — UI, body copy, labels, and buttons.

![Type specimen slide: Libertinus Serif 'Aa' at display size](https://mintcdn.com/slingshot-ai/bvmER7q-zVy70THj/images/brand/typography-libertinus.png?fit=max\&auto=format\&n=bvmER7q-zVy70THj\&q=85\&s=fb99fc4d94c0ab5fcc736362e7b795b5)

Libertinus Serif — the brand's voice. One weight: Regular.

![Type specimen slide: Inter 'Aa' at display size with its three weights](https://mintcdn.com/slingshot-ai/bvmER7q-zVy70THj/images/brand/typography-inter.png?fit=max\&auto=format\&n=bvmER7q-zVy70THj\&q=85\&s=d52676fa5a8ddaeae61876a77870c657)

Inter — the workhorse, in Regular, Medium, and Semi Bold.

> [!WARNING]
>
> Brand Book type specs predate the current tokens. The **live type system is Sundial's** — see [Typography](https://design.slingshotai.com/foundations/typography.md) for the exact 15-token scale (Libertinus Serif display + Inter, including the unusual 425 body weight).

## Principles

* **Contrast through weight and color, not many sizes** — see the [typography craft rules](https://design.slingshotai.com/philosophy/craft/typography.md).
* **Use the serif sparingly**, for moments that deserve a human voice. Don't set UI chrome in it.
* **Constrained scale only** — choose from the system; never a hand-picked size.

## The hierarchy in practice

![Treatment slide: 'Where messy minds come to unwind.' headline over body and subtext levels, with weight and size specs](https://mintcdn.com/slingshot-ai/bvmER7q-zVy70THj/images/brand/typography-treatment.png?fit=max\&auto=format\&n=bvmER7q-zVy70THj\&q=85\&s=1f5a284b8dafcd5712a6b84661c0333d)

The book's treatment page: headline, body, and subtext working together in Inter — real product copy, not filler.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.