> ## 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.

# Logo & Marks

> The Ash wordmark and circular badge, and how to use them

Ash's primary mark is the **“Ash” wordmark**, set in the brand serif. A **circular badge** — the wordmark inside a solid disc — is the compact, iconic lockup for tight spaces.

## The wordmark

The wordmark is simply *Ash*, set in the brand's warm classical serif (see [Typography](https://design.slingshotai.com/brand/typography.md)). It reads confident and book-like — more literary than techy, which is deliberate: Ash is a companion, not a gadget.

* **Default lockup is high-contrast and monochrome** — white on black (as on the brand book cover) or black on a light surface.
* **Mixed case** — capital *A*, lowercase *sh*. Never all-caps, never restyled in another face.

![The Ash serif wordmark in black on a white slide](https://mintcdn.com/slingshot-ai/bvmER7q-zVy70THj/images/brand/logotype-primary.png?fit=max\&auto=format\&n=bvmER7q-zVy70THj\&q=85\&s=b736c33b4fd6a6afb9f2f668d94cfd5d)

The primary mark, from the Brand Book's Marks chapter.

## The badge

The circular badge places the wordmark inside a solid circle. Use it where a compact, iconic mark is needed — app icon, avatars, stamps, favicons — anywhere the full wordmark would be too wide.

![Containers slide: the Ash wordmark inside a solid black circle, with auto-centered vs optically-centered comparisons](https://mintcdn.com/slingshot-ai/bvmER7q-zVy70THj/images/brand/logotype-containers-circle.png?fit=max\&auto=format\&n=bvmER7q-zVy70THj\&q=85\&s=9e69e56e416a717f217181db3f2fb2dd)

The circular badge. Note the book's rule: the wordmark is optically centered in its container, not auto-centered.

![Containers slide: the Ash wordmark inside a solid black square](https://mintcdn.com/slingshot-ai/bvmER7q-zVy70THj/images/brand/logotype-containers-square.png?fit=max\&auto=format\&n=bvmER7q-zVy70THj\&q=85\&s=51d02f3d449bd362a2459df3137e893e)

The same containment rules apply in square containers.

## Clear space & size

Give the mark room to breathe. Reserve clear space of at least the wordmark's own cap-height on every side, and never crowd it with other elements. Generous space is itself part of the brand — see [Designing for Ash](https://design.slingshotai.com/philosophy/designing-for-ash.md).

![Scale slide: the wordmark on a construction grid next to a full-bleed black poster treatment](https://mintcdn.com/slingshot-ai/bvmER7q-zVy70THj/images/brand/logotype-scale.png?fit=max\&auto=format\&n=bvmER7q-zVy70THj\&q=85\&s=60b71f0b637313564855bfaba3685ca8)

Scale guidance from the book — the wordmark sized against a poster grid, and at full bleed on black.

## Usage

> [!WARNING]
>
> **Don't** stretch or condense it, recolor it arbitrarily, add shadows/gradients/effects, set it in a different typeface, or place it on a busy or low-contrast background. Gratuitous effects are an [anti-pattern](https://design.slingshotai.com/philosophy/anti-patterns.md).

The marks travel with one accent: the hand-drawn doodle flower, in the same monochrome line as the wordmark's ground.

![Accent slide: a single-line doodle flower shown black on white and white on black](https://mintcdn.com/slingshot-ai/bvmER7q-zVy70THj/images/brand/logotype-accent-doodles.png?fit=max\&auto=format\&n=bvmER7q-zVy70THj\&q=85\&s=7f11095bf94e150824edcad023afe529)

The doodle-flower accent that accompanies the marks — one hand-drawn line, black on light or white on dark.

## In the app

The wordmark ships as the [`AshLogo`](https://design.slingshotai.com/components/ash-logo) component (width-driven, theme-tinted). The brand's flower and persona marks live in the [`AshIcons`](https://design.slingshotai.com/foundations/iconography) set. The canonical mark artwork lives in the [Brand Book](https://www.figma.com/design/DUpdqWp9T9djLnWo0Op0yk/Brand-Book).


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