Brand sheet

War on Food identity

Everything that makes War on Food look like itself, in one place: the logo, favicon, colors, type and every downloadable asset. The block below is generated from the live stylesheet at build time, so it can't drift from the site.

name: War on Food
url: https://waronfood.org
updated: 2026-10-07
standard_followed: https://llmbestpractices.com
tagline: "From scratch, with the facts."
fonts:
  heading: "Fraunces"
  body: "Source Sans 3"
  accent: "Caveat"
type_scale:
  h1: "clamp(2.2rem, 5vw, 3.4rem)"
  h2: "clamp(1.55rem, 3vw, 2rem)"
  h3: "1.3rem"
  body: "1.125rem"
colors:
  light:
    paper: "#f7f1e6"
    paper-deep: "#efe5d3"
    card: "#fffaf1"
    ink: "#2d241d"
    ink-soft: "#46392e"
    muted: "#6e5f51"
    rule: "#e3d5bf"
    rule-strong: "#cdb99b"
    sage: "#5f6f4a"
    sage-deep: "#45522f"
    sage-soft: "#e4e8d6"
    terracotta: "#a8461f"
    terracotta-deep: "#8a3615"
    terracotta-soft: "#f5dfd2"
    butter: "#f3e3b3"
    logo-green: "#1c2a06"
    logo-red: "#9a0000"
    focus: "#a8461f"
logo: https://waronfood.org/brand/logo.png
logo_web: https://waronfood.org/brand/logo-800.webp
mark: https://waronfood.org/brand/mark.png
favicon: https://waronfood.org/favicon.ico
favicon_png: https://waronfood.org/favicon.png
apple_touch_icon: https://waronfood.org/apple-touch-icon.png
og_image: https://waronfood.org/og-default.png
per_page_og_image: https://waronfood.org/og/{slug}.jpg
per_page_pin_image: https://waronfood.org/og/pin/{slug}.jpg

Logo

The emblem is an engraved-style illustration: the U.S. Capitol dome crossed out by a red prohibition sign, framed by carrots, a scored sourdough loaf, wheat, herbs and greens. The horizontal logo pairs it with the wordmark WarOnFood, “WarOn” in dark olive (--logo-green) and “Food” in red (--logo-red). Use the horizontal logo on linen or cream backgrounds. Use the emblem alone at small sizes and on dark backgrounds, where the dark-olive wordmark would disappear. Both files are transparent PNGs; don't add a box behind them, recolor them or stretch them.

Download: horizontal logo (PNG) · emblem (PNG)

Favicon

The favicon is the emblem, declared as <link rel="icon" href="/favicon.png" type="image/png" sizes="96x96">, plus /favicon.ico (16–64 px) for older clients. /apple-touch-icon.png (180×180) and the app icons sit the emblem on linen, because iOS and Android fill transparent icons with black.

Download: favicon.png · favicon.ico · apple-touch-icon.png

Color palette

Light mode only: linen paper, walnut ink, sage and terracotta. Each value is also shown in text, so the swatches are decorative.

Typography

All three families are self-hosted (latin subset, WOFF2, font-display: swap). Fraunces and Source Sans 3 are preloaded.

Type scale

Media assets

Line-art hub icons (sourdough loaf, leaf, barn, jar, sprout, globe) are inline SVG drawn with currentColor, from tools/icons.py. Every logo and icon rendition is generated from the masters by tools/brand.py.

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