>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3558693. --> Reported by: [breidert](https://www.drupal.org/user/135619) Related to !3 >>> <h2>Description</h2> <p>We have an initial version of the dashboard. Here are a screenshot and screen recording:</p> <p><a href="https://www.drupal.org/files/issues/2025-11-18/AI-Drush-Site-Install.mp4"><img width="300" src="https://www.drupal.org/files/issues/2025-11-18/AI-Setup-and-Configuration-Drush-Site-Install-11-18-2025_04_46_PM.jpg" alt="Screenshot AI Dashboard"></a></p> <p>The design exists in this <a href="https://www.figma.com/design/0oYNsNFNBAUAmvkL5QgU0p/Drupal-AI--Dashboard-Wireframe?node-id=151-4155&amp;t=M99kCgNbJkEYmden-0">Figma</a>.</p> <p>Below is a screenshot:</p> <p><img src="https://www.drupal.org/files/project-images/Drupal%20AI%20Dashboard.png" width="300" alt="UX AI Dashboard"></p> <p>In this issue we want to apply intial styling to the dashboard.</p> <p>We want to achieve, that the dashboard looks like the wireframe. But we also want to keep it as simple as possible using Drupal best practices.</p> <h2>Todo</h2> <ul> <li>Apply initial styling</li> <li>Create follow up issues for more styling </li> <li>Document how styling decisions were done in comments</li> </ul> <h2>Accept</h2> <ul> <li>When I review the dashboard it looks better than now.</li> <li>When I check the comments I understand how styling was made.</li> </ul>