Docly™ branding guidelines Last updated: 29. Apr 2023

This guide shows example of how to implement the official Docly branding.

Logo size and requirements

Minimum width: 155px
Minimum height: 31px
No stretching of image
Must use one of the official logo files
Must be clear and visible in the page footer

Example HTML of white version

<a class="doclylogo" href="https://docly.org" title="This solution is powered by Docly™">
    Powered by
    <img src="https://docly.net/logo/docly-logo-white.svg" alt="Docly™" />
</a>

Example HTML of gray version

<a class="doclylogo" href="https://docly.org" title="This solution is powered by Docly™">
    Powered by
    <img src="https://docly.net/logo/docly-logo-gr.svg" alt="Docly™" />
</a>

Example HTML of coloured version

Minimum width: 145px
Minimum height: 28px
No stretching of image

<a class="doclylogo" href="https://docly.org" title="This solution is powered by Docly™">
    Powered by
    <img src="https://docly.net/Logo/docly-logo-dark.svg" alt="Docly™" />
</a>

Example CSS

.doclylogo {
  font-family:arial;
  vertical-align:middle;
  font-size:10px;
  color:gray;
  text-decoration:none;
}

.doclylogo img {
  height:31px;
  vertical-align:middle;
}