---
title: SHAUGHV CDN
description: One address for fonts, brand assets, motion drop-ins, and live examples across SHAUGHV projects.
sidebar:
  label: Overview
  icon: house
  order: 1
---

Use the CDN to load fonts, brand assets, and motion components across authorized SHAUGHV projects. Link the original asset instead of copying it into each app.

Use **cdn.shaughv.com** for new links. The [links and updates guide](/hosting) explains how to keep them current and troubleshoot loading problems. Public access does not grant redistribution rights.

[Explore the asset showcase](/showcase) or [compare the fonts](/fonts).

**[Quickstart](/quickstart)**

Paste one URL and start using fonts, marks, or motion.

**[Fonts](/fonts)**

Makira + Paper Mono are standard. Gail Rock stays compatible; Michelangelus and other optional families have dedicated imports.

**[Brand](/brand)**

Wordmarks, favicons, and transparent figurines with live previews.

**[Motion](/motion)**

Browser-ready animated mark and loader drop-ins.

**[Custom cursor](/cursor)**

Try the spring cursor in orange, vintage sage, black, white, or your own color.

## What lives here

| Path | What you get |
| --- | --- |
| `/fonts/` | Family stylesheets plus web and desktop font files |
| `/brand/` | Official wordmarks, favicons, and figurines |
| `/js/` | Animated brand mark, loader, and optional custom cursor |
| `/showcase` | Live asset previews within this Blume website |
| `/` | This documentation; `/docs` redirects here |

:::tip
If you do not know the filename, fetch [`/tree.json`](https://cdn.shaughv.com/tree.json) instead of guessing. It lists every hosted file with a paste-ready URL.
:::

## How delivery works

```mermaid
flowchart LR
  A[Your site] -->|HTTPS GET| B[cdn.shaughv.com]
  B --> C[Vercel edge cache]
  C -->|miss| D[Static deployment]
  D --> C
  C --> A
```

There is no application server in front of the files. Each object keeps the `Content-Type` and `Cache-Control` set by the static deployment. Binaries are immutable for a year. CSS and JavaScript use a one-day cache with a seven-day stale-while-revalidate window.

## Visual identity

This Blume website uses cream, olive, and sage.

- **Cream 200**: `#F5F5F0`

- **Sage**: `#5B8A5B`

- **Orange**: `#FF5E1A`

- **Olive**: `#5C5446`

- **Bamboo**: `#C4A876`

- **Action**: `#4A7A4A`

Use the SVG from /brand/shaughv/logos/.

![SHAUGHV wordmark](/blume-assets/content/docs/images/wordmark.svg)

Official SHAUGHV wordmark

## Standard type pair

Makira and Paper Mono can both carry titles, interfaces, body copy, and buttons. Paper Mono is also the preferred monospace for code and data.

<div class="cdn-specimen">
  <span class="cdn-specimen-label">Makira / sans</span>
  <p class="cdn-makira cdn-display">One face. Any surface.</p>
  <p class="cdn-makira cdn-body">Clear at reading sizes, forceful at display sizes, and comfortable on controls.</p>
</div>

<div class="cdn-specimen">
  <span class="cdn-specimen-label">Paper Mono / mono</span>
  <p class="cdn-paper cdn-display">Same range. Fixed pitch.</p>
  <p class="cdn-paper cdn-body">Expressive at display sizes, readable in body copy, and naturally precise for code.</p>
</div>

Load both families with one stylesheet:

```html
<link rel="stylesheet" href="https://cdn.shaughv.com/fonts/fonts.css" />
```

## Next

**[Start coding](/quickstart)**

Copy the first working snippets.

**[Recipes](/recipes)**

Common page setups for fonts, icons, and motion.

**[Asset showcase](/showcase)**

Try the animated mark, loader, and font specimens.

**[Reference](/reference)**

Namespaces, cache tiers, and discovery files.