---
type: reference
title: Mark Lynn Design — Logo Package v2.1 (Final, 2026-04-22)
tags: [mld, brand, logo, assets, v2.1]
status: active
updated: 2026-04-22
effective: 2026-04-22
supersedes: 2026-04-22-interim (archived to ../archive/2026-04-22-superseded/)
links: [[Brand-Guide-MarkLynn]], [[Lynn-Associates]]
---

# Mark Lynn Design — Logo Package v2.1 (Final)

Final logo package, shipped 2026-04-22. Replaces the earlier 2026-04-22-interim build (archived to `../archive/2026-04-22-superseded/`).

## What changed vs. the interim build

1. **Signature line is thicker and smoother** — the new master signature was traced from `_source/source-photo.jpeg`, a cleaner photo of Mark's handwritten signature with a thicker, rounder stroke.
2. **Tighter spacing** between the ML monogram and the MARK LYNN / D E S I G N wordmark in both the stacked and horizontal lockups.
3. **Signature is ML**, not MR — clarified in v2.1 after v2.0 was labeled "MR" in internal notes.

## Fonts

- **Display (MARK LYNN):** Cormorant Garamond Medium (weight 500)
- **Body (D E S I G N):** Libre Franklin Regular (weight 400)

Both are bundled in `~/Library/Fonts/CormorantGaramond-VF.ttf` and `~/Library/Fonts/LibreFranklin-VF.ttf` (variable fonts from Google Fonts). **All shipped SVGs have outlined glyph paths — no font dependency at render time.** The fonts on disk are only needed if you want to edit typography in Figma / Illustrator.

## Colors

| Role | Hex | Usage |
|---|---|---|
| Charcoal (ink) | `#2C2C2C` | Signature, wordmark, monochrome primary |
| Cream (bg) | `#FAF7F2` | Primary background |
| Gold (rule) | `#B08A3E` | Short horizontal rule under signature only |
| White (reverse ink) | `#FFFFFF` | Signature + wordmark on dark backgrounds |

## Files

### SVG masters (`svg/`)

Every SVG is self-contained — vector signature path + outlined glyph paths. No external font or image references. Safe to open in any editor.

| File | Purpose |
|---|---|
| `A_primary_stacked.svg` | 2400×1500 — primary stacked logo, cream bg |
| `B_horizontal.svg` | 3000×1000 — horizontal lockup, cream bg |
| `C_horizontal_reverse.svg` | 3000×1000 — horizontal, cream ink on charcoal bg |
| `D_stacked_reverse.svg` | 2400×1500 — stacked, cream ink on charcoal bg |
| `E_mono_black.svg` | 2400×1500 — pure black on transparent |
| `F_mono_white.svg` | 2400×1500 — pure white on transparent |
| `G_monogram_cream.svg` | 1200×1200 — ML mark only, cream bg |
| `H_monogram_dark.svg` | 1200×1200 — ML mark only, charcoal bg |
| `I_monogram_transparent.svg` | 1200×1200 — ML mark, no bg (stamp / press) |
| `J_branded_tile_cream.svg` | 2200×2200 — square tile, cream bg (print / large avatar) |
| `K_branded_tile_dark.svg` | 2200×2200 — square tile, dark bg |
| `L_horizontal_tight.svg` | 3000×1000 — horizontal with even tighter monogram↔wordmark gap |
| `M_linkedin_banner.svg` | 1584×396 — LinkedIn header |
| `N_x_banner.svg` | 1500×500 — X / Twitter header |
| `O_facebook_cover.svg` | 820×312 — Facebook cover |
| `P_instagram_story.svg` | 1080×1920 — Instagram story / Reels cover |
| `Q_email_signature.svg` | 600×180 — inline email signature |
| `R_avatar_cream.svg` | 1080×1080 — social profile avatar (light) |
| `S_avatar_dark.svg` | 1080×1080 — social profile avatar (dark) |

### PNG renders (`png/`)

Each of the core variants (A–L) is rendered at three sizes:
- `_web.png` → 1200w (or native for square) — for web, docs, Google Sites
- `_print.png` → 2400w — for Word docs, PDFs, presentation decks
- `_hi.png` → 4800w — for large print, banners, step-and-repeat walls

### Favicons (`favicon/`)

Complete favicon set generated from `I_monogram_transparent.svg` (transparent) and `G_monogram_cream.svg` (cream bg):

- `favicon-{16,32,48,64,96,128,180,192,256,384,512}.png` — transparent
- `favicon-{size}-cream.png` — cream bg (for browsers that don't support transparency)
- `apple-touch-icon.png` — 180×180 cream bg (iOS home-screen)
- `favicon.ico` — multi-size ICO (16 + 32 + 48 embedded)

For the marklynn.com site, add to `<head>`:
```html
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
```

### Social (`social/`)

Platform-specific renders with @2x for retina displays:

- `linkedin_banner_1584x396.png` + `@2x`
- `x_banner_1500x500.png` + `@2x`
- `facebook_cover_820x312.png` + `@2x`
- `instagram_story_1080x1920.png`
- `email_signature_600x180.png` + `@2x`
- `avatar_cream_1080.png`, `avatar_cream_400.png`
- `avatar_dark_1080.png`, `avatar_dark_400.png`

## Source & build

- `_source/source-photo.jpeg` — original photo of Mark's signature (thick+smooth stroke)
- `_source/signature-crop.png` — cropped signature region, pre-trace
- `_source/signature-traced.svg` — raw potrace output
- `_source/signature-path.snippet.xml` — extracted path element used by the builder
- `_source/text_paths.json` — MARK LYNN and D E S I G N converted to vector paths
- `_source/build_logos.py` — Python builder (regenerates all SVGs in `svg/`)
- `_source/text_to_path.py` — text-to-outline converter (run once)
- `_source/render_pngs.sh` — renders all PNGs + favicons from the SVGs

### Rebuild from source

```bash
cd "Companies/Lynn-Associates/Brand-Assets/2026-04-22-final/_source"
# 1. (one-time) install deps: brew install potrace imagemagick librsvg
# 2. regenerate outlined text paths (only if fonts change):
python3 text_to_path.py
# 3. regenerate all SVG variants:
python3 build_logos.py
# 4. re-render PNGs, favicons, social assets:
./render_pngs.sh
```

## Usage rules

- Primary lockup in most contexts: `A_primary_stacked` (web/docs) or `B_horizontal` (wide headers).
- Reverse lockups (`C`, `D`) only on backgrounds darker than `#888888`.
- Monochrome (`E`, `F`) only when color isn't available (fax, single-color print, stamp).
- Clear space: keep at least the width of the "N" in LYNN around every side of the logo.
- Minimum size: 180px wide for horizontal; 120px wide for stacked; 32px for monogram.
- **Do not** re-color the signature, re-set the wordmark, or change the gap between the signature and wordmark — it's been retuned in v2.1 and is a hard-coded part of the brand.

## Related

- [[Brand-Guide-MarkLynn]] — the canonical brand guide (colors, typography, voice)
- [[Lynn-Associates]] — entity profile
- `../archive/2026-04-22-superseded/` — the retired 2026-04-22-interim logo package
