Sistema de diseño¶
Administración → Configuración → Sistema de diseño documenta los patrones de interfaz sobre los que está construido el producto: la referencia detrás de cada pantalla, no una pantalla que configures.
Qué cubre¶
| Área | Qué define |
|---|---|
| Disposición | El shell: barra vertical, menú lateral, barra superior y cómo se ubica el contenido |
| Tipografía | Los niveles de texto y dónde se usa cada uno |
| Color | Los tokens con los que se construyen los temas —primario, peligro, superficies, texto— |
| Componentes | Botones, tablas, modales, paneles y sus estados |
| Gobernanza | Cómo se propone y se acepta un patrón nuevo |
Cómo se relaciona con Temas¶
Temas es donde los colores se aplican al workspace; el sistema de diseño es donde esos colores se nombran y se usan de forma consistente. Cambiar un tema no cambia el sistema de diseño, y editar esta página no cambia el workspace: es una referencia.
Para quién es¶
- Administradores — para entender por qué dos pantallas se ven consistentes y qué cambiará un tema.
- Implementadores — para reutilizar los patrones existentes en lugar de inventar un estilo local.
- Revisores — para contrastar una pantalla nueva contra los componentes documentados.
Cómo usarlo en una revisión¶
Cuando una pantalla se ve mal, compárala con los patrones de aquí antes de reportarla como defecto: espaciado, jerarquía de botones, comportamiento de tablas y disposición de modales están especificados. Una desviación del sistema de diseño es un defecto aunque la pantalla "funcione".
Permisos¶
Esta página requiere PM_SETUP. Ver
Referencia de permisos.