Saltar al contenido

Fundamentos

Tipografía y escalas

Inter, jerarquía, espaciado, radios y breakpoints del producto.

Prueba sin guardar cambios

Cargando ejemplo…

Familias y jerarquía

Inter es la fuente por defecto del layout. Lexend Deca está cargada y disponible, pero su presencia no establece una segunda jerarquía global. El peso máximo aprobado para UI es 600 (font-semibold). Código y rutas usan monoespaciada.

Espaciado y radios

La escala y los breakpoints mostrados provienen de la configuración Tailwind resuelta. Las primitivas pueden definir medidas propias: los campos compactos utilizan 14 px de radio y el modal global 22/28 px según viewport. Conserva esas medidas reutilizando el componente.

Responsive

En móvil apila formularios, conserva etiquetas y evita truncar información necesaria. Usa la adaptación de CrmEditableTable y mantén las acciones fuera del scroll del cuerpo en modales.

Uso correcto

Reutiliza clases y componentes; reserva variaciones tipográficas para diferencias reales de jerarquía. Los encabezados de documentación pueden ser mayores que los de una pantalla operativa.

Evitar

No uses font-bold, font-extrabold ni font-black. La existencia de pesos mayores en la configuración de Tailwind no los convierte en estilos aprobados.

Código fuente

  • apps/platform/src/app/fonts.ts
  • packages/config-tailwind/tailwind.config.ts