# Walgreens

> Generated by BrandSweets from the walgreens-com BrandDoc (v5, schema 1). Do not edit by hand.

## Identity

**Tagline:** Your go-to for Pharmacy, Health & Wellness and Photo products. Refill prescriptions online, order items for delivery or store pickup, and create Photo Gifts.

**Sector:** Retail pharmacy / healthcare

**Founded:** 1901

**Domain:** walgreens.com


Walgreens was founded in Chicago in 1901 by Charles R. Walgreen and grew into one of the largest pharmacy chains in the United States, now part of Walgreens Boots Alliance. The red script wordmark and the 'W' mark are its identity.

## Voice

**Tone:** caring, trustworthy, convenient

### Do

- Lead with health, care and convenience.
- Keep the script wordmark in Walgreens red.

### Don't

- Don't use clinical jargon with customers.
- Don't reset the script in another typeface.

## Colors

| Role | Name | Hex | Dark | Usage |
| --- | --- | --- | --- | --- |
| `primary` | Walgreens Red | `#e31836` | — | The script wordmark red. Source: Walgreens logo SVG (Wikimedia Commons, official artwork): fill #E31836. |
| `secondary` | Apple Cherry | `#e62600` | — | Secondary brand color. |
| `accent` | Dark Blue | `#284b9b` | — | Accent: highlights and secondary emphasis. |
| `surface` | White | `#ffffff` | — | Page and card background. |
| `text` | Black | `#000000` | — | Body text on surface. |

### Scales

- **primary:** 50 `#f9f0f2`, 100 `#f1dade`, 200 `#f6acb7`, 300 `#f1798b`, 400 `#ec4b63`, 500 `#e31836`, 600 `#cb1531`, 700 `#a61128`, 800 `#810e1f`, 900 `#56101a`, 950 `#380a11`
- **secondary:** 50 `#faf1ef`, 100 `#f4dcd7`, 200 `#ffb3a3`, 300 `#ff846b`, 400 `#ff5938`, 500 `#ff330a`, 600 `#e62600`, 700 `#b81f00`, 800 `#8f1800`, 900 `#5e1608`, 950 `#3d0e05`
- **accent:** 50 `#f1f3f8`, 100 `#dde2ee`, 200 `#b6c6ec`, 300 `#89a4e1`, 400 `#6184d6`, 500 `#3c68cd`, 600 `#2e56b2`, 700 `#284b9b`, 800 `#1d3772`, 900 `#19294d`, 950 `#111b32`
- **surface:** 50 `#ffffff`, 100 `#e6e6e6`, 200 `#d1d1d1`, 300 `#b5b5b5`, 400 `#9c9c9c`, 500 `#858585`, 600 `#707070`, 700 `#5c5c5c`, 800 `#474747`, 900 `#333333`, 950 `#212121`
- **text:** 50 `#f5f5f5`, 100 `#e6e6e6`, 200 `#d1d1d1`, 300 `#b5b5b5`, 400 `#9c9c9c`, 500 `#858585`, 600 `#707070`, 700 `#5c5c5c`, 800 `#474747`, 900 `#333333`, 950 `#000000`

## Typography

### Families

#### Inter `inter`
- **Source:** google
- **Weights:** 300 Light, 400 Regular, 500 Medium, 600 Semibold, 700 Bold, 800 Extrabold
- **Fallback stack:** `Inter, sans-serif`

### Role assignments

- **heading:** Inter (`inter`)
- **body:** Inter (`inter`)

### Scale

| Step | Size (rem) | Line height | Tracking (em) |
| --- | --- | --- | --- |
| sm | 0.875 | 1.5 | — |
| base | 1 | 1.6 | — |
| lg | 1.25 | 1.4 | — |
| xl | 1.75 | 1.25 | — |
| 2xl | 2.25 | 1.15 | — |
| display | 3.5 | 1.05 | -0.02 |

## Gradients

Derived from the colour roles (perceptual interpolation; same tokens in brand.css / tokens.json):

- **--brand-gradient:** `linear-gradient(135deg in oklch shorter hue, #ff8381 0%, #e31836 50%, #930012 100%)` — worst-case contrast white 2.38:1, black 2.25:1
- **--brand-gradient-hero:** `linear-gradient(135deg in oklch shorter hue, #976b68 0%, #703330 50%, #330912 100%)` — ink #ffffff; worst-case contrast white 4.55:1 AA, black 1.19:1
- **--brand-gradient-button:** `linear-gradient(180deg in oklch shorter hue, #dc0430 0%, #ba001c 100%)` — ink #ffffff; hover `linear-gradient(180deg in oklch shorter hue, #e71f39 0%, #c90020 100%)`; active `linear-gradient(180deg in oklch shorter hue, #d10027 0%, #ab0018 100%)`

## Logos

### primary
- **Formats:**
  - `png` (720×150): https://iihdrqhzaupyssngtrja.supabase.co/storage/v1/object/public/brand-assets/workspaces/9fa09c23-9560-4b2e-87b6-eae0d28b47fe/brands/87b725f2-4faa-4b04-8661-39478e5acaba/logos/primary-d0a3ed013a5255b1.png
- **Clearspace:** 1× logo-height — Default clearspace of one logo-height on all sides (auto-seeded; refine after review).
- **Min size:** 24px w (screen)
- **Allowed backgrounds:** any
- **Notes:** Re-sourced 2026-09-02 from the brand's own site (header-img). Hosted by us. Selection: source=header-img (62); png (+5); "logo"/"wordmark" hint in url/class/alt (+22)

## Boards

- **Cover** — `cover` (`board-cover`)
- **Color System** — `color-system` (`board-colors`)
- **Type Specimen** — `type-specimen` (`board-type`)
- **Logo Suite** — `logo-suite` (`board-logos`)

## Resources

- Tokens (JSON): /b/walgreens-com/tokens.json
- Tokens (CSS): /b/walgreens-com/brand.css
- This document: /b/walgreens-com/brand.md
- MCP endpoint (public read): mcp.brandsweets.com/walgreens-com/mcp
- Agent integration guide: /agents.md