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;
                  }