Logo
flexibleLogo
rendered height 40–80px Horizontal format variable
This is the brand mark in the site header. Use rendered height 40–80 px, weighing under 200 KB, so it looks right and loads fast.
This size is flexible: what matters is the shape (the ratio), not the exact number.
For whoever builds the site
SVG whenever the vector exists: infinite scaling, free retina, lightweight. If only PNG exists, a 250–400 px wide source with transparency. Rendered at 40–80 px height in the navbar (never more than ~100). The exact height is your call: best-practice range, not a spec.
- Ratio
- variable
- Desktop
- rendered height 40–80px
- Mobile
- ~120×40
- Range
- source 250–400px wide
- Target weight
- <200 KB
- Format
- SVG