# МЕСТО — Design package

Brand identity, design system, and logo assets for **МЕСТО** (mp-llc.ru).

```
design/
├── design.md            ← System spec: color, type, layout, components, motion
├── brandbook.md         ← Brand identity: name, voice, logo rules, do/don't
├── design-system.html   ← Interactive showcase of the system (open in browser)
├── brandbook.html       ← Visual brand book (open in browser)
├── README.md            ← (you are here)
├── logos/               ← SVGs (incl. outlined) + clear-space guide + OG template + PNG raster set
│   ├── README.md
│   ├── mesto-mark.svg
│   ├── mesto-mark-reverse.svg
│   ├── mesto-mark-mono.svg
│   ├── mesto-favicon.svg
│   ├── mesto-mark-clearspace.svg   (reference)
│   ├── mesto-wordmark.svg
│   ├── mesto-wordmark-reverse.svg
│   ├── mesto-wordmark-outlined.svg
│   ├── mesto-wordmark-reverse-outlined.svg
│   ├── og-template.svg
│   ├── og-template-outlined.svg
│   └── png/                        ← rendered raster fallbacks
└── tokens/              ← Machine-readable tokens
    ├── README.md
    ├── colors.json
    ├── typography.json
    └── tokens.css
```

## The two-element rule

The identity has **only two artefacts**: the **mark** (М) and the **wordmark** (МЕСТО). They are **never combined into a lockup**. Pick one or the other depending on the surface — see [`brandbook.md`](./brandbook.md) §2 for which goes where.

## Where to start

| If you are… | Read this |
|---|---|
| Just want to **see** everything visually | [`design-system.html`](./design-system.html) + [`brandbook.html`](./brandbook.html) |
| A frontend dev wiring a new component | [`design.md`](./design.md) §2 (Component recipes) |
| A designer making a deck or print | [`brandbook.md`](./brandbook.md) §2-§5 |
| A marketing partner needing the logo | [`logos/README.md`](./logos/README.md) |
| Setting up a Figma library | [`tokens/colors.json`](./tokens/colors.json), [`typography.json`](./tokens/typography.json) |

## Brand at a glance

```
МЕСТО · mp-llc.ru
Дизайн-студия полного цикла
Pop-Up · выставки · инсталляции · витрины

Color : #071246 (Brand Navy, hsl(229 82% 15%)) on #FAFBFD (Off-white)
Type  : Fira Sans · 400 / 500 / 600 / 700 · no italic
Mark  : Solid М, Fira Sans 700 letterform, fill #071246
Voice : Calm, factual, partner-tone. Production studio, not creative agency.
```

## Production status — applied

- ✅ `--primary` aligned to `229 82% 15%` (= `#071246`) — the live deployed value at mp-llc.ru. All design system docs and HTML showcases match this single source of truth.
- ✅ `app/icon.svg` and `themeColor` and OG gradient unified to `#071246` — no more drift between CSS variable and brand surfaces.
- ✅ Outlined wordmark SVGs generated from Fira Sans 600 paths — no font dependency at render time. See [`logos/`](./logos/).
- ✅ `font-serif` / `font-mono` aliases dropped from `tailwind.config.ts`. `font-mono` now resolves to system mono stack.
- ✅ PNG fallbacks shipped at `16/32/64/128/192/256/512/1024` plus multi-res `favicon.ico` and OG `1200×630`. Production icons regenerated. Regen script: [`logos/png/make-pngs.sh`](./logos/png/make-pngs.sh).
- ✅ Lockup variants removed entirely — mark and wordmark never appear together.