logos

logos

Type: Logo[] Default: [W3C logo]

Overrides the standard W3C logo(s) in the document header. Useful for Community Groups, joint deliverables, or documents with custom branding.

Basic usage

var respecConfig = {
  logos: [
    {
      src: "https://example.org/logo.svg",
      alt: "Example Community Group",
      url: "https://example.org/",
      height: 48,
    },
  ],
};

var respecConfig = {
  logos: [
    {
      src: "https://www.w3.org/StyleSheets/TR/2021/logos/W3C",
      alt: "W3C",
      url: "https://www.w3.org/",
      height: 48,
    },
    {
      src: "https://partner.example/logo.svg",
      alt: "Partner Org",
      url: "https://partner.example/",
      height: 48,
    },
  ],
};

Logo object fields

Field	Type	Required	Description
src	string	Yes	URL of the logo image
alt	string	Yes	Alt text for the image
url	string	No	Link URL when the logo is clicked
height	number	No	Image height in pixels
width	number	No	Image width in pixels
id	string	No	id attribute on the logo element

Notes

• Setting logos replaces the default W3C logo — include the W3C logo explicitly if you need it alongside your custom logo
• SVG logos are recommended for crisp rendering at any size