# Identity | Arthritis Prevention

Source: https://arthritisprevention.org/identity/

# Identity

Fonts, colors, and media assets for Arthritis Prevention, so a person or an AI assistant can describe or match the brand from one page.

name: Arthritis Prevention
url: https://arthritisprevention.org
updated: 2026-11-12
standard_followed: https://llmbestpractices.com
fonts:
  heading: "Literata Variable"
  body: "Literata Variable"
  ui: "Source Sans 3 Variable"
colors:
  bg: "#fbf7f1"
  paper: "#fffdf9"
  text: "#241e18"
  muted: "#4e453c"
  link: "#1a4f86"
  box: "#f3ecdf"
  line: "#e3d8c8"
  accent: "#c9733a"
logo: https://arthritisprevention.org/logo.svg
favicon: https://arthritisprevention.org/favicon.ico
og_image: https://arthritisprevention.org/og.png

## Logo

The mark is a hinge: an ink capsule, a blue capsule, and a terracotta ring on a warm paper square. It sits beside the wordmark Arthritis Prevention, set in Literata. The knee and activity graphics elsewhere on the site are diagrams, not the logo.

Do not present the site as the CDC, NIH, the Arthritis Foundation, or a medical provider.

Downloads: [logo.svg](https://arthritisprevention.org/logo.svg), [logo-wordmark.svg](https://arthritisprevention.org/logo-wordmark.svg), [logo-512.png](https://arthritisprevention.org/logo-512.png) (512 by 512 PNG), [apple-touch-icon.png](https://arthritisprevention.org/apple-touch-icon.png) (180 by 180 PNG).

## Favicon

The root favicon is a multi-size ICO at /favicon.ico (16, 32, and 48). An SVG is at /favicon.svg. Raster PNGs are at /favicon-32.png and /favicon-48.png. iOS uses the 180 by 180 PNG at /apple-touch-icon.png.

## Color palette

Named tokens from the site stylesheet. This site ships a light palette only.

- bg #fbf7f1 — page background
- paper #fffdf9 — cards and form fields
- text #241e18 — primary text
- muted #4e453c — secondary text
- link #1a4f86 — links and the logo's blue capsule
- box #f3ecdf — notices and infobox
- line #e3d8c8 — rules and borders
- accent #c9733a — logo ring and disclaimer edge

## Typography

Headings and body use Literata Variable; navigation, notices, and diagrams use Source Sans 3 Variable. Both are self-hosted WOFF2 under /fonts/.

| Token or role | Value |
| --- | --- |
| body | 1.05rem, line-height 1.65 |
| h1 | 2.1rem |
| footer | 0.9rem |

## Media assets

| File | Format | Size | Role |
| --- | --- | --- | --- |
| [/logo.svg](https://arthritisprevention.org/logo.svg) | SVG | scalable | Logo mark |
| [/logo-wordmark.svg](https://arthritisprevention.org/logo-wordmark.svg) | SVG | 520 by 64 | Mark plus wordmark |
| [/logo-512.png](https://arthritisprevention.org/logo-512.png) | PNG | 512 by 512 | Logo raster |
| [/apple-touch-icon.png](https://arthritisprevention.org/apple-touch-icon.png) | PNG | 180 by 180 | iOS home-screen icon |
| [/favicon.ico](https://arthritisprevention.org/favicon.ico) | ICO | 16, 32, and 48 | Root favicon |
| [/favicon.svg](https://arthritisprevention.org/favicon.svg) | SVG | scalable | SVG favicon |
| [/favicon-32.png](https://arthritisprevention.org/favicon-32.png) | PNG | 32 by 32 | PNG favicon |
| [/favicon-48.png](https://arthritisprevention.org/favicon-48.png) | PNG | 48 by 48 | Larger raster favicon |
| [/icons/icon-192.png](https://arthritisprevention.org/icons/icon-192.png) | PNG | 192 by 192 | Web app manifest icon |
| [/icons/icon-512.png](https://arthritisprevention.org/icons/icon-512.png) | PNG | 512 by 512 | Web app manifest icon |
| [/og.png](https://arthritisprevention.org/og.png) | PNG | 1200 by 630 | Default Open Graph image |
| [/og-default.png](https://arthritisprevention.org/og-default.png) | PNG | 1200 by 630 | Same image as /og.png |

Content pages carry their own 1200 by 630 Open Graph image under /og/. In-page illustrations are original SVG or PNG files under /img/.

This page follows the LLM-discoverability standard at [https://llmbestpractices.com](https://llmbestpractices.com).