Branding
Three assets define your visual identity outside the page itself: the logo lockup, the favicon, and the social share image. All three are merchant settings — no code.
Header logo lockup — mark, wordmark and sub-label
The logo lockup
VARAHI’s header has two logo modes, chosen automatically.Image logo
Upload alogo_image in Header → Logo. The theme renders it at your configured
logo_width, scaled proportionally.
Text lockup
If no image is set, VARAHI builds a lockup from three fields:
The mark is a rounded square with a cyan-to-violet gradient and a soft glow, and the
letter is taken from the first character of your logo text.
The sub-text is hidden below 400px because the header cannot fit all three elements
on a narrow phone. The wordmark and mark always remain.
Favicon
Theme settings → Favicon → Favicon Icon. Upload a square image, ideally 512×512. If you leave it blank, VARAHI falls back to a built-inassets/favicon.svg — a dark rounded square with a cyan “V” — so there is never a 404 in your console and never a
default browser globe in a bookmark.
Your favicon is served with a
cache header from Shopify’s CDN. If you replace it,
give it a new filename so browsers pick up the change immediately.Social share image
Theme settings → Social Media — Social Sharing Image. This is the image shown when someone shares a link to your store on X, LinkedIn, Slack, or iMessage.
When this is set, VARAHI outputs it as the
og:image meta tag. When it is blank, the
theme falls back to your favicon, which is almost never the right choice — a 32×32 icon scaled up to a 1200–630 share card looks broken.
Checklist before you publish
Header & navigation
Where the logo actually lives, and the menu system.
Color system
Match the logo colours to your tokens.