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

# AshLogo

> The Ash logo widget — width-driven, theme-tinted

The Ash brand logo, rendered from `assets/icons/AshLogo.svg`. Source: [`ash_logo.dart`](https://github.com/slingshot-ai/ash-mobile-app/blob/main/lib/design_system/components/ash_logo.dart).

```dart theme={null}
AshLogo(width: 96)

// Fixed color regardless of theme
AshLogo(width: 64, color: SundialRef.sandLight[1])
```

## API

| Parameter | Type | Default | Notes |
| - | - | - | - |
| `width` | `double` | **required** | Height scales from the SVG's aspect ratio |
| `color` | `Color?` | `contrastStrong` | Tint (`BlendMode.srcIn`) |

That's the whole API — deliberately minimal. The logo always tints (there is no `useOriginalColor` here); by default it follows the theme's `contrastStrong`, so it's dark on light surfaces and light on dark ones.

> [!NOTE]
>
> `AshLogo.svg` lives in `assets/icons/` but is **not** part of the `AshIcons` enum — the logo is brand lockup, not an icon, and has its own widget.


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