Docly™ branding guidelines

This guide shows example of how to implement the official Docly branding.
Updated: 29.03.2022 11:36

Lo­go si­ze and re­qui­reme­nt­s

  • 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

            Examp­le HTML of whi­te ver­sio­n

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

            Examp­le HTML of gray ver­sio­n

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

            Examp­le HTML of co­lou­red ver­sio­n

            • Minimum width: 145px
              • Minimum height: 28px
                • No stretching of image
                  Select all 
                  <a class="doclylogo" href="https://docly.net/about" title="This solution is powered by Docly™">
    Powered by
    <img src="https://docly.net/Logo/docly-logo-dark.svg" alt="Docly™" />
</a>

                  Examp­le CS­S

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

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