+
+```
+
+### App - Favicon
+```html
+
+
+```
+
+### Email - Static Logo
+```html
+
+
+```
+
+### Print - Monochrome Logo
+```html
+
+
+```
+
+---
+
+## Questions & Support
+
+For branding questions, icon modifications, or usage clarifications:
+- Review `typedialog_logo_specs.html` for technical details
+- Check `index.html` for interactive logo gallery
+- Consult `how-to-use.md` for integration examples
+
+**Remember**: The logo represents TypeDialog's commitment to type-safety, trust, and interactive excellence. Use it consistently across all touchpoints.
diff --git a/imgs/README.md b/imgs/README.md
new file mode 100644
index 0000000..d9753b9
--- /dev/null
+++ b/imgs/README.md
@@ -0,0 +1,313 @@
+# TypeDialog Logos
+
+Official logo assets for **TypeDialog** — typed dialogs for inputs, forms and schemas you can trust.
+
+## Quick Start
+
+### For Web
+
+```html
+
+
+
+
+
+
+```
+
+### For React/Vue
+
+```jsx
+import logo from '/imgs/typedialog_logo_h.svg';
+
+export default function Header() {
+ return
+
+ 
+ 
+
+/* In component CSS */
+.logo {
+ max-width: 240px;
+ height: auto;
+}
+```
+
+---
+
+## Markdown / Documentation
+
+### Simple Image
+
+```markdown
+
+```
+
+### With Link
+
+```markdown
+[](https://yoursite.com)
+```
+
+### mdBook / GitHub Docs
+
+```markdown
+#  Welcome to TypeDialog
+
+Content here...
+```
+
+### Rust Project README
+
+```markdown
+# TypeDialog
+
+
+
+Typed dialogs for inputs, forms and schemas you can trust.
+```
+
+---
+
+## Web Integration Patterns
+
+### Favicon Set
+
+```html
+
+
+
+
+
+```
+
+### Hero Section
+
+```html
+
+ Typed dialogs for inputs, forms and schemas you can trust.
+
+ 
+ |
+
+
+
+
+
+
+
+```
+
+---
+
+## Performance Tips
+
+### Optimize SVG
+
+```html
+
+
+
+
+
+```
+
+### CSS Loading
+
+```css
+/* Avoid multiple requests -->
+.logo-light { background-image: url('imgs/typedialog_logo_h.svg'); }
+.logo-dark { background-image: url('imgs/typedialog_logo_h_bn.svg'); }
+
+/* Use data URIs for very small files */
+.logo { background-image: url('data:image/svg+xml;...'); }
+```
+
+### Caching
+
+```html
+
+
+
+
+```
+
+---
+
+## Accessibility
+
+### Alt Text
+
+```html
+
+
+
+
+
+ 
+
+```
+
+### ARIA Labels
+
+```html
+
+
+```
+
+### Animation Preferences
+
+```css
+/* Respect user's motion preferences */
+@media (prefers-reduced-motion: reduce) {
+ /* Option 1: Use static version */
+ img.logo { content: url('imgs/typedialog_logo_h_s.svg'); }
+
+ /* Option 2: Disable animations */
+ .logo * { animation: none !important; }
+}
+```
+
+---
+
+## Common Issues & Solutions
+
+### Favicon Not Showing
+
+**Problem**: Favicon doesn't appear in browser tab
+**Solutions**:
+1. Clear browser cache (Ctrl+Shift+Delete)
+2. Check file paths are correct
+3. Ensure `` tags are in ``
+4. Test in incognito mode
+
+### SVG Scaling Issues
+
+**Problem**: SVG doesn't scale smoothly
+**Solutions**:
+1. Verify `viewBox` attribute is set
+2. Don't specify both `width/height` and `viewBox`
+3. Use CSS for sizing:
+ ```css
+ img.logo { max-width: 100%; height: auto; }
+ ```
+
+### Animation Not Working
+
+**Problem**: Cursor blink not visible
+**Solutions**:
+1. Use animated variant (no `_s` suffix)
+2. Check browser supports CSS animations
+3. Verify `@keyframes` in `
+
+
+ Typed dialogs for inputs, forms and schemas you can trust.
+For print, stamping, and monochrome contexts
+Icon clarity at different sizes
+Official TypeDialog brand colors (click to copy)
+Usage: Inter is used for all typography in TypeDialog branding. The font is clean, modern, and highly readable at all sizes.
+Import: @import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');
Font-family: font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
+
+
+```
+
+---
+
+## Performance Tips
+
+### Optimize SVG
+
+```html
+
+