Site Logo — every design
The site logo from the Customizer — with a fallback image or a text wordmark when there is none — sized, aligned, captioned and animated. Every section names the settings it uses; the last ones are finished headers and brand blocks.
1. Where the logo comes from
The Customizer logo (this site has none, so the fallback image shows), a custom image picked per widget, or — with no image at all — the site title as a wordmark.
Site logo → fallback image
Custom image
No image: wordmark
Stacked mark, image size “medium”
2. Size
Width in px, % of the widget or vw — and a max height that keeps any logo shape inside a header bar.
Width 120 px
Width 260 px
Width 60 % of the widget
Max height 36 px (wide logo)
Max height 36 px (square mark)
Responsive: 240 / 180 / 130 px
3. Alignment
Left, centre or right — per device.
Left
Centre
Right
4. Caption
The site title, the tagline or your own text — below, above, left or right of the logo.
Site title, right
Custom text, below
Custom text, above
Site title, left
5. Hover effects
Hover each logo. Grow, shrink, float, tilt, grey to colour, faded to full — or cross-fade to a second image.
Grow
Shrink
Float up
Tilt
Grey → colour
Faded → full
Swap image on hover
Opacity + saturation (hover tab)
6. Logo box
Background, padding, border, radius and shadow around the image — badges, app icons and framed marks.
Rounded tile
Circle badge
Outlined frame
Shadow on hover
7. Links
Home page (default, rel=”home”), a custom URL, or no link. The accessible label is what a screen reader announces.
Home, with an accessible label
Custom URL, new tab
No link
8. Finished designs: headers
The logo as it usually lives — in a header bar with Moduly Nav Menu. Max height keeps it tidy whatever the artwork.
9. Finished designs: brand blocks
Footer brand columns, an app badge, and a partner strip that comes to life on hover.
hello@divimerc.test · +351 21 000 0000
Early access to drops, one-tap checkout and order tracking.
Stocked by
10. On a dark background
A light logo variant, a glass badge and a glowing mark.