🎧 deaf.css

deaf.css es un framework CSS de bajo nivel inspirado en los principios de diseño de la comunidad sorda, enfocado en la accesibilidad visual, la claridad y la comunicación no verbal.

A diferencia de otros frameworks, deaf.css prioriza la comprensión visual por sobre el sonido, creando interfaces más inclusivas para personas con discapacidad auditiva… y mejores experiencias para todos.

✨ Filosofía

Diseñar para personas sordas no es limitar, es mejorar.

deaf.css nace desde una idea simple:
👉 si una interfaz funciona sin depender del sonido, funciona mejor para todos.

🚀 Características

🧩 Clases de utilidad

Amplio sistema de clases para controlar:

• Tipografía
• Espaciado
• Colores
• Layout (grid y flex)
• Componentes visuales

♿ Accesibilidad desde el origen

Diseñado desde cero con buenas prácticas de accesibilidad:

• Alto contraste
• Mejor legibilidad
• Jerarquía visual clara
• Apoyo a comunicación no verbal

⚙️ Extensible

• Agrega tus propias clases fácilmente
• Escala según tu proyecto
• Compatible con otros sistemas de diseño

⚡ Ligero

• Usa solo lo que necesitas
• Optimizado para rendimiento
• Ideal para proyectos modernos

📚 Documentación clara

Guías simples y prácticas para comenzar rápido y aprender accesibilidad en el proceso.

💡 ¿Por qué usar deaf.css?

🌍 Interfaces más inclusivas

Construye productos accesibles para personas sordas y mejora la experiencia de todos los usuarios.

⏱️ Desarrollo más rápido

Evita empezar desde cero reutilizando clases pensadas para UX/UI real.

🎯 Consistencia visual

Mantén coherencia en diseño, jerarquía y comunicación visual.

📖 Aprendizaje continuo

Incorpora buenas prácticas de accesibilidad mientras desarrollas.

🧠 Enfoque

deaf.css no es solo un framework…
es una forma de diseñar pensando en:

• Visualización clara
• Comunicación sin audio
• Inclusión real en productos digitales

🛠️ Uso básico

<div class="dc-text-lg dc-high-contrast dc-spacing-md">
  Contenido accesible y claro
</div>