74Logo

The wordmark lockup: the favicon asset plus the name. Three fixed sizes rather than a free pixel value — a lockup that can be any height is one neither product can match.

Use it for

Site header, footer, and any on-dark band
Compact in a narrow header, where the name still needs announcing

Not for

A pictorial mark invented beyond the favicon asset — see the Brand guidelines
Recoloured, stretched or shadowed

Sizes

Namaste Salesforce

markup

<span class="ns-logo ns-logo--sm"><img class="ns-logo__mark" src="../assets/logo/favicon.svg" alt=""><span class="ns-logo__text">Namaste Salesforce</span></span>
<span class="ns-logo"><img class="ns-logo__mark" src="../assets/logo/favicon.svg" alt=""><span class="ns-logo__text">Namaste Salesforce</span></span>
<span class="ns-logo ns-logo--lg"><img class="ns-logo__mark" src="../assets/logo/favicon.svg" alt=""><span class="ns-logo__text">Namaste Salesforce</span></span>

Compact

Icon only — the name is still announced.

Namaste Salesforce

markup

<span class="ns-logo ns-logo--compact"><img class="ns-logo__mark" src="../assets/logo/favicon.svg" alt=""><span class="ns-logo__text">Namaste Salesforce</span></span>

On dark

Namaste Salesforce

markup

<span class="ns-logo ns-logo--light"><img class="ns-logo__mark" src="../assets/logo/favicon.svg" alt=""><span class="ns-logo__text">Namaste Salesforce</span></span>

Accessibility contract

Compact hides the name visually but keeps it in the DOM, so an icon-only header is still a named link
The mark itself is alt="" — the text beside it is the accessible name