Update design guidelines and add new screenshots

[nimishavijay]

(AI-assisted by Claude for first-draft and converting to .rst)

☑️ Resolves

• Update design guidelines and make them more easily accessible for devs #14660

🖼️ Screenshots

✅ Checklist

• I have built the documentation locally and reviewed the output
• Screenshots are included for visual changes
• I have not moved or renamed pages (or added a redirect if I did)
• I have run codespell or similar and addressed any spelling issues

[github-actions]

📖 Documentation Preview

🔍 Open preview →

📄 8 changed documentation pages

• developer_manual/design/atomiccomponents.rst
• developer_manual/design/components.rst
• developer_manual/design/foundations.rst
• developer_manual/design/index.rst
• developer_manual/design/introduction.rst
• developer_manual/design/layout.rst
• developer_manual/design/layoutcomponents.rst
• developer_manual/html_css_design/icons.rst

Last updated: Fri, 22 May 2026 09:16:19 GMT

[nimishavijay]

developer_manual/design/foundations.rst:192: No newline at end of file. (missing-final-newline)

oops, copy-paste oversight

/home/runner/work/documentation/documentation/developer_manual/html_css_design/icons.rst:7: WARNING: duplicate label icons, other instance in /home/runner/work/documentation/documentation/developer_manual/design/foundations.rst

Could we consider removing the html css design section? I has been outdated for almost 10 releases now. or we set up a redirect to the new guidelines 🤔

[skjnldsv]

Could we consider removing the html css design section? I has been outdated for almost 10 releases now. or we set up a redirect to the new guidelines 🤔

Sure, why not ?

[skjnldsv]

Please also use conventional commits :)