Logo's

Here you can find, ao, the logo's of ProDemos.
For some, The color can be changed by CSS by setting the font-color of the element.

Elements and modifiers

.pds-c-logo

ProDemos Logo

<a class="pds-c-logo" href="/" title="Home">
  <img src="../../../assets/images/logos/logo-prodemos.svg"></img>
</a>

ProDemos Logo Diap

<a class="pds-c-logo" href="/" title="Home">
  <img src="../../../assets/images/logos/logo-prodemos-diap.svg"></img>
</a>

ProDemos Logo Payoff

<a class="pds-c-logo" href="/" title="Home">
  <img src="../../../assets/images/logos/logo-prodemos-payoff.svg"></img>
</a>

ProDemos standalone payoff

<a class="pds-c-logo" href="/" title="Home">
  <img src="../../../assets/images/logos/payoff-prodemos.svg"></img>
</a>

ProDemos Logo (dynamic color)

<a class="pds-c-logo pds-m-colored green" href="/" title="Home">
  <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="205px" height="74px">
    <use xlink:href="../../../assets/images/logos/logo-prodemos-dc.svg#root"></use>
  </svg>
</a>

ProDemos Logo Small (dynamic color)

<a class="pds-c-logo pds-m-colored orange" href="/" title="Home">
  <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="px" height="px">
    <use xlink:href="../../../assets/images/logos/logo-prodemos-dc-small.svg#root"></use>
  </svg>
</a>

ProDemos Logo Strapline NL (dynamic color)

<a class="pds-c-logo pds-m-colored blue" href="/" title="Home">
  <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="192px" height="65px">
    <use xlink:href="../../../assets/images/logos/logo-prodemos-dc-strapline-nl.svg#root"></use>
  </svg>
</a>

ProDemos Logo Strapline EN (dynamic color)

<a class="pds-c-logo pds-m-colored purple" href="/" title="Home">
  <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="226px" height="65px">
    <use xlink:href="../../../assets/images/logos/logo-prodemos-dc-strapline-en.svg#root"></use>
  </svg>
</a>