Org Charts
Conjunto de componentes orientado a impresión para diagramas de jerarquía de entidades/propiedad — la más nueva de las tres líneas de producto construidas sobre los tokens de este sistema de diseño, incorporada en esta versión.
Los diagramas de organigrama son una superficie orientada a impresión — cada nodo se renderiza en una posición de píxel fija sobre un lienzo de 1056×816px (US Letter horizontal a 96dpi), no como una maquetación web fluida. Esa restricción, y el sistema de color por rol de entidad que requiere, no encajan limpiamente con una paleta de color de estado/interactivo de propósito general — ver el análisis de brechas más abajo.
El registro de tokens reserva una paleta de 9 roles de entidad
(primitive.color.orgchart.*, ver Tokens)
— el componente Org Chart Node ya publicado usa hoy 6 de esos 9 roles (verde, azul,
morado, naranja, gris y amarillo); los 3 restantes (dos colores "entidad heredada" más
una variante de gris adicional) son capacidad reservada, aún no conectada a ninguna
variante de componente.
Por qué los tokens de organigrama tienen su propio espacio de nombres, en lugar de reutilizar tokens de estado
Del análisis de brechas real y ratificado
(dtcg-vault/research/orgchart-status-palette-gap.md): de los seis colores de
rol de entidad, uno (Broker / gestor de activos, morado) no tiene equivalente alguno en
una paleta de estado de propósito general típica — ese tipo de paleta no ofrece nada
similar en su sistema semántico. Otros dos (el azul de Vehículo de Inversión, el verde
de Holding Corporativo) se corresponden con un rol de paleta de estado de intención
similar, pero con un valor hexadecimal o un registro semántico notablemente distinto
(ver la tabla). Reutilizar los tokens de color de soporte de una paleta de estado para
los tres restantes importaría semántica de estado/alerta (éxito, precaución,
advertencia) a lo que son distinciones estructurales, no evaluativas, entre tipos de
entidad. Las dimensiones de las cajas (110–250px, más el lienzo de
1056×816px) tampoco derivan de una escala de espaciado típica de 8px — están
fijadas por la legibilidad en impresión y la geometría de la página US Letter. La
tipografía va de 9 a 12px, por debajo del piso de 12px que suele fijar una escala
tipográfica genérica de interfaz, porque solo caben alrededor de cinco cajas de 210px
de ancho en una fila del lienzo de 1056px, dejando poco margen para un tamaño de tipo
mayor.
| Rol de entidad | Nuestro token | Rol de paleta de estado más cercano | Evaluación |
|---|---|---|---|
| Holding corporativo | primitive.color.orgchart.green | verde de estado-éxito | Matiz distinto — el nuestro es un salvia más claro, el equivalente de la paleta de estado es un verde bosque más oscuro |
| Vehículo de inversión | primitive.color.orgchart.blue | azul interactivo primario | Registro distinto — azul marino institucional frente a azul interactivo brillante |
| Broker / gestor de activos | primitive.color.orgchart.purple | ninguno | Sin equivalente alguno en una paleta de estado de propósito general |
| Socio de capital | primitive.color.orgchart.orange | ámbar de precaución mayor | Visualmente cercano, semánticamente incorrecto — precaución implica una advertencia |
| Entidad administrativa | primitive.color.orgchart.grey | gris de borde fuerte | Luminosidad similar, uso distinto — borde frente a relleno de entidad |
| Vehículo LP / fondo | primitive.color.orgchart.yellow | ámbar de advertencia | Visualmente cercano, semánticamente incorrecto — advertencia implica una alerta |
Org Chart Node
Caja de entidad posicionada de forma absoluta sobre el lienzo de impresión. Tres familias de forma — rectángulo (entidades operativas), píldora (vehículos de fondo, siempre punteada), elipse (transferencias transfronterizas de paso).
Org Chart Canvas
El lienzo de impresión de dimensión fija que aloja todas las cajas de nodo y las capas de conectores superpuestas — exactamente US Letter horizontal a 96dpi (1056×816px), que llena la página de borde a borde al imprimirse.
Org Chart Connector
Capa SVG superpuesta de líneas de conexión dirigidas entre nodos, por debajo de las cajas de nodo. El relleno de la punta de flecha coincide con el color de borde de la caja de origen.
3 componentes reales, la línea de producto más nueva.
Cada tarjeta anterior es un componente real y registrado con su propio recipe.json — obtenga los tokens en bruto o explore el registro completo.
Información Importante
Divulgación del sistema de diseño
Este sitio proporciona tokens de diseño de código abierto, documentación y software autoalojable publicado por Woodfine Capital Projects Inc. La información aquí es solo para referencia general y no constituye una oferta, garantía ni garantía de idoneidad para ningún propósito particular. Las declaraciones sobre características futuras planeadas, previstas o proyectadas son prospectivas y están sujetas a cambios sin previo aviso; no se asume la obligación de actualizarlas excepto cuando lo exija la ley.