Mahiri Logo System — G-DIRECTION Review

🔴 Critical Finding: Mahiri has no logo file. Every surface uses inline HTML/CSS text. This is the first SVG logo system for the brand.

Surface 1 — mahiri.ai Site Header

Site Header

mahiri.ai nav bar, sticky top

CURRENT

mahiri.

CSS text — no file font-family: 'Sora', sans-serif font-weight: 800 color: #F2EDE4 letter-spacing: -0.04em span.period { color: #F0A500 }

PROPOSED

✓ SVG file exists

CSS text is also fine — SVG file enables use outside web stack

Surface 2 — Favicon

Favicon

Browser tab, bookmarks, PWA

CURRENT

16px

32px

64px (2×)

⚠ Generic amber rect — no brand identity

⚠ No apple-touch-icon in HTML

PROPOSED

16px

32px

SVG (scalable)

Apple touch (180px)

✓ m. lettermark with amber dot

✓ apple-touch-icon.png included

Surface 3 — OG / Social Image

OG Image

Twitter/X, LinkedIn, iMessage previews

CURRENT

mahiri.

Get Found by AI

og-image.svg → og-image.png (1200×630). SVG source exists — wordmark is SVG text.

PROPOSED

Get Found by AI

✓ Can embed wordmark-light.svg in OG image rebuild

No immediate action needed — og-image.svg is well-designed. Future rebuild can reference the file asset.

Surface 4 — Customer Site Footer Attribution

Footer Credit

"Powered by Mahiri" on customer sites

CURRENT

⚠ Text only — no visual mark

⚠ Inconsistent styling across sites

PROPOSED

✓ Mark icon + consistent text

✓ Single HTML snippet for all sites

16px favicon.svg as icon, uniform opacity 0.45 for text — readable but subtle.

Surface 5 — SOW / Document Page Header

SOW Header

ops.mahiri.ai/…/sow — dark on white document

CURRENT

mahiri.

Statement of Work
SOW-…

CSS text — dark variant font-family: 'Sora', 'Inter', system-ui font-size: 1.5rem; font-weight: 800 color: #111; letter-spacing: -0.04em span { color: #F0A500 }

PROPOSED

Statement of Work
SOW-…

✓ mahiri-wordmark-dark.svg — drop-in

Surface 6 — Mark / Emblem (Avatar, Embroidery, Small Format)

Mark

Avatar, profile icon, embroidery, emblem use

CURRENT

No mark file exists. The current "favicon.svg" is a placeholder amber rectangle that does not serve as a brand mark.

⚠ No mark asset

PROPOSED

mark-light
(dark bg)

mark-dark
(light bg)

48px

32px

24px

16px

✓ m. lettermark — both variants

Note: mark-light/dark use Sora web font via @import. Browser renders correctly; rsvg-convert falls back to system font at 800 weight.

Inconsistencies Found

#	Issue	Severity	Fix
1	No SVG wordmark file existed before this audit. Entire brand was HTML/CSS text only.	🔴 Critical	mahiri-wordmark-light.svg + mahiri-wordmark-dark.svg now exist
2	Favicon was a generic amber rectangle — no brand identity, not derived from wordmark	🔴 Critical	New mahiri-favicon.svg: "m" lettermark + amber period dot
3	No apple-touch-icon declared in HTML — iOS home screen gets screenshot fallback	🟡 High	apple-touch-icon.png (180px) created; needs HTML head addition
4	No brand mark asset — no avatar, no emblem, no icon for non-web use	🟡 High	mahiri-mark-light.svg + mahiri-mark-dark.svg created
5	Customer footer attribution inconsistent styling between sites	🟡 High	Standardized snippet in BRAND.MD for deployment
6	Dark wordmark variant (#111 text) only existed as inline CSS in SOW page — no reusable file	🟠 Medium	mahiri-wordmark-dark.svg created

Van's Decisions Needed Before Rollout

Mark concept approval: The mark uses "m." as the emblem — the opening letter of "mahiri" + the signature amber period. Alternative: abstract amber dot/circle only (even simpler, even smaller at 16px). Which direction?

Site header CSS vs SVG: The current header text (CSS-rendered) looks identical to the SVG wordmark in modern browsers. Recommend keeping CSS text in the nav (performance, no file request) — do you agree, or want to swap to SVG img?

Favicon rollout timing: New favicon.svg is a drop-in replacement for public/favicon.svg. Can ride a quick hotfix deploy or wait for GTM R3. Which?

Footer attribution standardization: Proposed standard includes the 16px favicon mark icon + "Powered by Mahiri" text at 45% opacity. Ready to roll out to all customer sites, or hold?

Proposed rollout: Rides GTM R3 deploy if approved in time. Otherwise next mahiri.ai touch. No breaking changes — all SVG files are additive. Favicon is a drop-in.