# Winston Agency — Visual Identity (stub)

> Status: **stub**. The full brand book is in progress. What's here is confirmed and safe to use; everything else is TODO.

## Logo

"Logo" is the umbrella term; it comes in two styles. The **wordmark** is lowercase **"winston."** set in a sharp, high-contrast italic serif (Tiempos Headline), ending in a chartreuse dot. The **icon** is a **"w."** monogram.

Just want the logo? `https://brand.winstonagency.com/logo` serves the default (wordmark, for dark backgrounds).

Hosted variants (stable URLs under `https://brand.winstonagency.com/assets/`). Naming: the suffix states the intended **background**: unsuffixed = for dark backgrounds (the brand's home context); `-on-light` = for light backgrounds.

| File | Use on |
| --- | --- |
| `winston-wordmark.svg` | Dark backgrounds — white wordmark, limon dot, transparent bg |
| `winston-wordmark-on-light.svg` | Light backgrounds — near-black wordmark, transparent bg |
| `winston-icon.svg` | Icon — white "w." + limon dot on near-black square (bg baked in) |

PNG fallbacks, when published, share the basename with `.png`. Explicit aliases `winston-wordmark-on-dark.svg` and `winston-icon-on-dark.svg` resolve to their unsuffixed canonical files.

### Dynamic logo endpoint (partially live)

`https://brand.winstonagency.com/logo` currently serves the default logo (wordmark, on-dark). It will grow parameterized SVG builds with unchanged defaults:
`?style=wordmark|icon`, `?on=dark|light` (intended background, matching the `-on-light` file suffix), `?accent=<token name>`, `?bg=transparent|solid`, `?padding=none|small|large`, `?rounding=none|small|large`. Defaults match the static files above. Valid `accent` values come from `color` names in [tokens.json](https://brand.winstonagency.com/tokens.json). Until it ships, use the static files.

Rules of thumb:

- Pick the variant that matches the background; never recolor the logo.
- Don't set the wordmark in live text — use the hosted SVG.
- TODO: clear space, minimum sizes, misuse examples.

## Typography

Load both faces with one line:

```html
<link rel="stylesheet" href="https://brand.winstonagency.com/fonts.css">
```

| Face | Family name | Role |
| --- | --- | --- |
| Tiempos Headline (variable, roman + italic, wght 300–900) | `"Tiempos Headline"` | Display, headlines, the wordmark voice |
| Google Sans Flex (variable: wght, wdth, opsz, GRAD, ROND, slnt) | `"Google Sans Flex"` | UI and body text |

## Color

Draft — palette not finalized. Confirmed core (see [tokens.json](https://brand.winstonagency.com/tokens.json)):

- Ink (near-black) `#1E1E1E` (note: logo exports use `#0B0A0A` for logo black)
- Paper (white) `#FFFFFF`
- Limon accent (chartreuse) `#E0EB15` (sampled from the logo exports' dot)

The brand is heading multi-color: the dot accent will vary across a named palette (limon is the default; others land with the brand book).

TODO: full palette with tint ramps, usage ratios, accessibility pairings.