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

# Illustration

> The hand-drawn doodle-flower system and the Chaos → Mess → Clarity motif

Illustration is where Ash's warmth is most visible. The style is **hand-drawn, single-line doodles** — flowers, and little flower-headed characters mid-stride — loose and imperfect on purpose. It is the opposite of slick: a human hand, not a machine.

## The doodle style

* **One continuous hand-drawn line.** Wobble and imperfection are features, not flaws.
* **Monochrome line** — usually black on a light ground, or white on dark.
* **Subjects:** flowers at every stage of tidiness, and small flower-headed figures who walk, carry, and celebrate.

The looseness is what lets the brand be playful *and* safe at the same time: it looks like something a person made for you.

![Line slide: a dense single-line scribble specimen](https://mintcdn.com/slingshot-ai/bvmER7q-zVy70THj/images/brand/illustration-line.png?fit=max\&auto=format\&n=bvmER7q-zVy70THj\&q=85\&s=4e01ac6ca14e7af46eb54c75001824fa)

Line — one continuous, wobbly hand-drawn stroke. The imperfection is the point.

![Fill slide: three panels of hand-drawn dot texture at increasing dot sizes](https://mintcdn.com/slingshot-ai/bvmER7q-zVy70THj/images/brand/illustration-fill.png?fit=max\&auto=format\&n=bvmER7q-zVy70THj\&q=85\&s=ff362eceb2ff8c39be1183c836b6541b)

Fill — hand-dotted textures in three densities, used to shade the doodles without ever going slick.

![Flower-headed walking figures drawn in white line on a black ground](https://mintcdn.com/slingshot-ai/bvmER7q-zVy70THj/images/brand/illustration-dark-set.png?fit=max\&auto=format\&n=bvmER7q-zVy70THj\&q=85\&s=69d149bf906dab28e4143c2d7dfa9b5f)

The same line works in reverse — white on black, where the brand is at its most confident.

## Chaos → Mess → Clarity

The signature sequence is a dense scribble (**chaos**) that loosens into a rough bloom (**mess**) and resolves into a single open flower (**clarity**). It tells the whole Ash story in one glance, and it recurs across the brand — on posters, on merch, and as the arc of the product itself. See the [brand story](https://design.slingshotai.com/brand/overview.md#the-story-chaos-mess-clarity).

Why flowers, why scribbles: a scribble is honest about the mess; a flower is hopeful about growth. Together they carry two of the three [brand attributes](https://design.slingshotai.com/brand/overview.md#personality) at once.

![Three flower-headed doodle characters walking on a parchment ground, heads progressing from tangled scribble to open flower](https://mintcdn.com/slingshot-ai/bvmER7q-zVy70THj/images/brand/illustration-characters.png?fit=max\&auto=format\&n=bvmER7q-zVy70THj\&q=85\&s=84ceebbf0bb47b0c8b3450e9607c5fe0)

The three states as characters, mid-stride: a scribble-headed figure (chaos), a loosening bloom (mess), and a clear open flower (clarity).

## In the app

The illustration language lives on in code as:

* The [Wallpaper system](https://design.slingshotai.com/foundations/wallpapers.md) — flat brand colors behind cards and tiles, and soft gradient “blobs” behind hero surfaces. (The hand-drawn pattern imagery that once backed these surfaces was retired in July 2026; the hand shows up in the doodles below instead.)
* The flower and persona marks in [`AshIcons`](https://design.slingshotai.com/foundations/iconography) (e.g. `ashFlower`).
* The [doodle components](https://design.slingshotai.com/components/doodles.md) — `ConversationBubble` and `LetterDoodle` are drawn by the same hand.

## Usage

> [!TIP]
>
> **Do** keep it hand-drawn, monochrome, and personal. Use it to add warmth at meaningful moments.

> [!WARNING]
>
> **Don't** redraw it as clean geometric vector, tile it into wallpaper-of-decoration, or dress it up with color gradients and shadows. Expressive moments are *earned, not sprinkled* — see [Craft & Foundations](https://design.slingshotai.com/philosophy/overview.md).

The canonical illustration library 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.