SimpleUI Design Guide

Guía para diseñar interfaces claras, precisas y serenas.

SimpleUI reúne principios, tokens y patrones reutilizables para productos web y aplicaciones. Su objetivo es reducir el ruido visual, mantener una jerarquía natural y convertir cada decisión estética en una ayuda funcional. Es una guía de diseño: no es una librería, un framework ni un paquete de componentes.

La guía completa está en GUIDE.md.

Direcciones de diseño

• Air: interfaces espaciosas, táctiles y ligeras.
• Studio: herramientas compactas, estructuradas y productivas.
• Continuum: equilibrio responsive entre Air y Studio.
• Signature: identidad pública propia mediante tipografía, color y personalidad visual.

Base recomendada

:root {
  --color-bg: #f5f5f4;
  --color-surface: #ffffff;
  --color-text: #101513;
  --color-accent: #087f6d;

  --radius-large: 24px;
  --radius-medium: 20px;
  --radius-control: 10px;
  --radius-compact: 7px;
  --radius-micro: 6px;
}

La tipografía recomendada es Inter, distribuida bajo SIL Open Font License 1.1. El repositorio incluye una copia WOFF2 autoalojable en fonts/InterVariable.woff2 y su licencia en fonts/OFL.txt.

Uso

1. Elige Air, Studio o Continuum según la densidad y el dispositivo principal.
2. Aplica Signature cuando el producto necesite una identidad pública reconocible.
3. Adapta los tokens a las necesidades reales del producto.
4. Comprueba accesibilidad, responsive y estados interactivos con el checklist de la guía.

Las direcciones son puntos de partida y pueden combinarse cuando el contenido lo justifique.

Contribuciones

Las propuestas y correcciones son bienvenidas mediante issues o pull requests. Consulta CONTRIBUTING.md antes de enviar cambios.

Licencias

• El texto de la guía, copyright © 2026 Cierbot, se distribuye bajo Creative Commons Attribution 4.0 International.
• Los fragmentos de HTML y CSS se distribuyen bajo MIT.
• Inter conserva su licencia independiente SIL Open Font License 1.1.