# Logo Usage Guidelines

## Logo Versions

### 1. Standard (Full-Colour)
- **Use on**: White backgrounds only
- **Asset**: `standard/Ringier_RGB.svg`
- **Placement**: Centered, top-left, or bottom-right — flexible positioning on white backgrounds

### 2. Monochrome (Black / White)
- **Black** (`monochrome/Ringier_Black.svg`): Light backgrounds (simplified contexts, single-colour printing)
- **White** (`monochrome/Ringier_White.svg`): Dark solid backgrounds (marine, black), video overlays
- **Critical**: Never use monochrome on images, busy backgrounds, or on the flag — solid backgrounds only

### 3. Flag (Primary for non-white backgrounds)
- **Structure**: Ringier logo on white rectangle with coloured triangular corner. Self-contained SVG — no wrapper div needed.
- **Variants**: Cyan (`flag/Ringier_FlagC_RGB.svg`), Magenta (`flag/Ringier_FlagM_RGB.svg`), Yellow (`flag/Ringier_FlagY_RGB.svg`)
- **Placement**: Bottom-right corner, touching both edges
- **Colour selection**: Flag must contrast with page background

| Page Background | Use Flag |
|-----------------|----------|
| Magenta | Cyan or Yellow |
| Cyan | Magenta or Yellow |
| Yellow | Magenta (preferred) |
| Marine / Black | Magenta |
| Photo / busy | Best contrast with dominant tones |

---

## Logo Sizing

**Standard logo minimum**: 120px wide (digital), 3cm (A4 print)

**Flag logo**: Width = 8–20% of format width
- 1920×1080px → 154px
- 1080×1080px → 216px

---

## Protected Areas

- **Standard logo**: Clearance = height of capital 'R' on all sides
- **Flag logo**: Clearance = height of triangular element on left and top sides; bottom and right touch format edges

---

## Logo Don'ts

1. Never use standard logo on non-white backgrounds — use flag logo
2. Never use flag logo on white backgrounds — use standard logo
3. Never use monochrome logo on images, busy backgrounds, or on the flag
4. Never add effects (shadows, gradients, outlines, glows)
5. Never distort, stretch, rotate, or recreate the logo
6. Never use the logo vertically — always horizontal
7. Never use the same flag colour as the page background
8. Never attach the claim to the logo — always place separately
9. Never cut off the logo; full logo must always be visible with clear space

---

## Logo Extensions & Variations

### Ringier Division Logos
- Structure: Standard Ringier logo + division name below in Ringier font
- Both colour and monochrome versions available
- **Requires approval**: Contact corporate communications before creating

### Country Offices
- Use standard Ringier logo only — no country name extension
- Context is provided by usage, not the logo

### Individual Identities (e.g. Media Lab, Mobile Office)
- May design unique logos with greater freedom
- Requirements: Must use Bauer Bodoni and/or Ringier fonts; must use 5mm rounded corners; preferably use Ringier palette

---

## Claim Usage

**Claim**: "We inform. We entertain. We connect."

**Rules**:
- Never adjacent to or near the logo
- Only used by Ringier corporate communications and fully owned subsidiaries
- **Sign-off**: Bottom-left corner, same width as flag logo, aligned with flag top
- **Graphic element**: Position and size are free
- Never in bottom-right corner (reserved for flag logo)
- Never translated without approval

---

*Source: Ringier Style Guide 2021-12-01, pp. 7–16*
