Stable src/components/nav/Logo.astro

When to use

When the Dash.fi wordmark appears inline on a marketing surface — the header lockup, a footer, a "from the team at" line, a slide cover. Reach for the app icon (the rounded-square "d") instead when you need a square mark for an avatar or favicon, and a real partner lockup for co-branding.

size — three height steps
size="sm" · h-[18px]
size="md" · h-[22px]
size="lg" · h-[28px]
tone="ink"
tone="paper"

One component, one asset. The canonical logo-wordmark.svg (viewBox 0 0 426 90) is inlined with its paths on currentColor, wrapped in the home link, and sized by height only — a scoped :global(svg) { height: 100%; width: auto } rule derives the width and locks the aspect. Colour comes from a tone class on the link: ink, paper, or the default inherit, which adds no class at all. There are no colourway presets and no /api/logo endpoint.