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.

Arthritis Prevention

Downloads: logo.svg, logo-wordmark.svg, logo-512.png (512 by 512 PNG), apple-touch-icon.png (180 by 180 PNG).

Favicon

The root favicon is a multi-size ICO at /favicon.ico (16, 32, and 48), declared as <link rel="icon" href="/favicon.ico" sizes="any">. An SVG is declared 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/.

Heading - Arthritis Prevention

UI - 150 minutes a week, plus 2 strength days

Media assets

Content pages carry their own 1200 by 630 Open Graph image under /og/, generated from the page title. The default card is https://arthritisprevention.org/og.png. In-page illustrations are original SVG or PNG files under /img/.

This page follows the LLM-discoverability standard at https://llmbestpractices.com.