# Sixth&Blanco — Summer 2026 Hard Hat Tour Email

**v2** — HTML rebuilt from `DF_NEW_sixthandblanco-email.ai` (Illustrator 30.8, 18 Sep 2026).
Originally built from `MB_NEW_6B Email Drafts_Summer Marketing Plan 2026.pdf`, whose three
pages were three header treatments of the same email, combined into one animated header
that cycles all three.

## What changed in v2

Read straight out of the .ai artboard, which kept the original 1340 x 1960 canvas, so
element positions are measured rather than guessed:

- Body copy recolored from gray `#5B5B5B` to brand green `#155F3B`
- "Sixth&Blanco" set bold inside the opening paragraph
- New CTA "Learn More Today" added, right-aligned under the intro
- "Schedule a tour today" replaced by "Learn More Today", now black and underlined
- "Only a select number of residences remain." set bold black
- Footer rebuilt — Anne Coleman / Director of Sales removed, `residences@sixthandblanco.com`
  in its place, block indented to align with the body copy
- McWilliams|Ballard logo added beside the Equal Housing mark
- Brand face identified as **TWK Lausanne** (weights 300/400/500/550)

Three judgment calls worth reviewing:

1. **The unsubscribe line was deleted in the .ai.** It's kept in the HTML, styled light,
   because CAN-SPAM requires a working opt-out and a postal address on commercial email.
   If your ESP injects its own footer, delete that row — but don't send without one.
2. **CTA 1 is flush right** to the 552px content edge. In the .ai it stops 31px short of
   that, which reads as manual placement drift rather than intent. Easy to change.
3. **Lausanne can't be relied on in email.** Outlook ignores webfonts outright. The stack
   falls back to Helvetica/Arial, which is what most recipients will see. If you have a
   licensed web build, the HTML has a commented `@font-face` block ready for it.

## Files

```
sixthandblanco-hardhat-tour.html   The email. Open in a browser to preview.
figma/
  sixthandblanco-email.svg  Drag into Figma — editable layers, see below
images/
  header-animation.gif    600x448, 372 KB, loops forever — the animated header
  header-fallback.jpg     600x448 static green wordmark (Outlook)
  img-kitchen.jpg         1200 wide — full-width interior
  img-living.jpg           800 wide — left column
  img-courtyard.jpg        800 wide — right column
  img-bath-alt.jpg        1200 wide — spare, not currently placed
  logo-wordmark-dark.png  Footer wordmark, transparent PNG
  logo-mcwilliams-ballard.png  M|B logo, extracted from the .ai at 600 dpi
  logo-eho.png            Equal Housing Opportunity mark, re-extracted at 600 dpi
```

## Swapping imagery

Every image is flagged in the HTML with a `► IMAGE SLOT` comment, and all seven are
listed in the asset manifest at the top of the file. To swap one:

1. Find the slot comment (search `IMAGE SLOT`).
2. Replace the `src` only. Leave the `width`/`height` attributes and inline styles alone —
   they're what keep Outlook from blowing the layout out.
3. Match the stated display size, and upload at 2x that for retina.
4. Update the `alt` text. Every image has real alt copy, which matters because roughly
   half of recipients see images off on first open.

Before sending, run a find-and-replace on `images/` to point at your ESP or CDN URLs.
Relative paths only work for local preview.

## The header GIF

Frame order: green wordmark → Herzog & de Meuron line sketch → built timber ceiling,
1.9 s per hold with a 5-step crossfade, then loops.

Outlook 2007–2019 doesn't animate GIFs; it shows frame one. Frame one is the green
wordmark, so it degrades to an on-brand static header. There's also a hard MSO
conditional swap to `header-fallback.jpg`.

If you rebuild it with different art, keep: 600x448 canvas, under ~1 MB, 128 colors,
and make frame one a complete, legible frame.

## Opening it in Figma

Drag `figma/sixthandblanco-email.svg` onto a Figma canvas, or File → Import.
Figma doesn't read HTML, and its `.fig` format is closed, so SVG is the route that
arrives editable rather than as a flat picture.

What you get:

- **The email board** at 600 wide, laid out exactly as it renders — every section is a
  named group (`SECTION — Headline and intro`, `IMAGE SLOT 3 — Living room`, and so on).
- **All three header frames** as separate boards on the right, so the animation can be
  re-timed or re-art-directed frame by frame.
- **A palette row** with the four brand values.
- **Live text layers.** Headlines and body copy come in as real text you can edit, not
  outlines. Images come in as image fills — select one, swap the fill, done.

Two things to expect on import. Figma will substitute the font, since Helvetica Neue
isn't a Figma-hosted face — set the correct brand face once and it'll hold. And SVG has
no concept of text wrapping, so each paragraph arrives with its line breaks baked in;
if you rewrite a paragraph, set the text box to Auto Height and re-wrap it.

Note: the SVG in this package is still the **v1** design. The v2 changes live in the .ai
and in the HTML. If you want the SVG brought up to v2 as well, say so and it's a quick
rebuild — otherwise treat the .ai as the design source of truth from here.

## Before you send

- [ ] Point image paths at your CDN
- [ ] Pick a subject line (four options are listed at the top of the HTML)
- [ ] Confirm the preheader reads well in the inbox
- [ ] Swap both CTA URLs — currently `sixthandblanco.com/schedule-a-tour`
- [ ] Confirm `residences@sixthandblanco.com` is live and monitored
- [ ] Wire `*|UNSUB|*` and `*|UPDATE_PROFILE|*` to your ESP merge tags
- [ ] Replace the "View in browser" href with your ESP's archive tag
- [ ] Litmus/Email on Acid test, especially Outlook desktop and Gmail app