Refresh logo.png with an open-book mark for better recognisability
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3591646. -->
Reported by: [rajab natshah](https://www.drupal.org/user/1414312)
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<p>The current <code>logo.png</code> shipped with the Web Doc module renders a chain-link border around a "DOC" wordmark. The mark<br>
has several practical drawbacks:</p>
<ul>
<li>It does not visually communicate documentation; the chain border reads as a security or DRM motif rather than a book or<br>
manual.</li>
<li>It carries embedded English text ("DOC"), which does not scale to localised distributions.</li>
<li>It does not share the outline-stroked, icon-only visual language of the sibling Webship ecosystem logos (Web Page, Web<br>
Blog), so module listings look visually inconsistent.</li>
<li>At small render sizes (favicon, admin module list, drupal.org project tile) the chain pattern collapses into noise and the<br>
inner letters are unreadable.</li>
</ul>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<ul>
<li>Replace <code>logo.png</code> with an open-book icon: two facing pages meeting at a V-fold spine, curved outer page edges,<br>
and three pill-shaped content lines on each page.</li>
<li>Keep the existing brand colour <code>#358FC8</code>.</li>
<li>Keep the existing canvas size <code>512×512</code> with a transparent background, RGBA PNG.</li>
<li>Match the outline-stroke, icon-only visual language already used by Web Page and Web Blog so the three module logos read as<br>
one family.</li>
<li>Remove the embedded "DOC" text so the mark is language-neutral and remains legible at small sizes.</li>
</ul>
<h3 id="summary-remaining-tasks">Remaining tasks</h3>
<ul>
<li>✅ File an issue</li>
<li>✅ Addition/Change/Update/Fix</li>
<li>✅ Merge request, Patch, or Commit</li>
<li>✅ Testing to ensure no regression</li>
<li>✅ Automated unit testing coverage</li>
<li>✅ Automated functional testing coverage</li>
<li>➖ UX/UI designer responsibilities</li>
<li>➖ Readability</li>
<li>➖ Accessibility</li>
<li>➖ Performance</li>
<li>➖ Security</li>
<li>➖ Documentation</li>
<li>✅ Code review by maintainers</li>
<li>✅ Full testing and approval</li>
<li>✅ Credit contributors</li>
<li>✅ Review with the product owner</li>
<li>✅ Release notes snippet</li>
<li>✅ Release <a href="https://www.drupal.org/project/webdoc/releases/11.0.1">webdoc-11.0.1</a></li>
</ul>
<h3 id="summary-ui-changes">User interface changes</h3>
<ul>
<li>N/A</li>
</ul>
<h3 id="summary-api-changes">API changes</h3>
<ul>
<li>N/A</li>
</ul>
<h3 id="summary-data-model-changes">Data model changes</h3>
<ul>
<li>N/A</li>
</ul>
<h3 id="summary-release-notes">Release notes snippet</h3>
<ul>
<li>chore: <a href="https://www.drupal.org/i/3591646">#3591646</a> Refresh <code>logo.png</code> with an open-book mark for better recognisability</li>
</ul>
issue