--- 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 ``: ```html ``` ### 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