2026 04 17 Mbr Logo Upgrade

mBR-logo-upgrade

Date: 2026-04-17 Completed: 2026-04-17

Outcome

Finalized the mBR logo animation design and consolidated all logo artifacts into a clean SSoT.

Final design: Option B — bar blinks + dot pulse

Logo mark (CSS keyframes, 4s cycle):

• Resting: full $ sign (S-curve + bar both visible)
• At 87.5%–100% (~0.5s window): bar fades to 0, dot scales to 1.2× — both recover together
• The S is never “resting” — bar absence is momentary only

Wordmark (myBetterRates):

• s resting, $ briefly flashes in the same 0.5s window (180° counterpoint to logo)
• When logo bar blinks (S shows), wordmark shows $ — and vice versa

SSoT

• Brand.md (02_Strategy/) is the canonical logo spec — animation CSS updated to v2.0
• Monorepo: ~/projects/monorepo/src/brand/mbr/logos/svg-paths-base/ holds production SVGs (v2.0 comments)
• Showcase: _WorkingOn/Brainstorming/archive/logo/test-animations-3.html (Option B is middle row)

Next task

mBR-Text-Component.md — Astro component for the wordmark s→$ animation. Cross-device fix needed (iPad bug with inline-grid; reference: SmartDebtEntity.astro for the proven cross-device approach).

Gotchas

• mbr-dollar-dot-s.svg is the mid-animation state (bar absent), not the resting state. Resting = mbr-dollar-dot.svg.
• The wordmark counterpoint (180° phase offset vs logo) was a deliberate design choice emerging from a sizing fix — document in Brand.md Wordmark section when the Astro component is built.
• SMTM task file naming: no date prefix (learned during this task — renamed 2026-04-17_mBR-Text-Component.md → mBR-Text-Component.md).