Identidad Corporativa Digital · Versión 1.0
Tribunal

Superior de Justicia del Estado de Chihuahua

Sistema integral de identidad digital. Fundamentos visuales, principios rectores y biblioteca de componentes para todas las superficies y comunicaciones del Poder Judicial del Estado.

Documento
Manual de Identidad
Versión
1.0 · Mayo 2026
Alcance
Productos digitales
Conformidad
WCAG 2.2 AA · gob.mx
I · Fundamentos
Principios rectores

El sistema sirve a la confianza pública.

Cada decisión de diseño se evalúa contra cuatro principios que reflejan los valores institucionales del Poder Judicial: claridad, dignidad, accesibilidad y consistencia. Estos principios anteceden a cualquier preferencia estética.

01

Claridad ante todo

El lenguaje, la jerarquía y la navegación priorizan que la ciudadanía comprenda sin esfuerzo. La belleza nunca se anticipa a la legibilidad.

02

Dignidad institucional

La solemnidad del Poder Judicial se transmite mediante restricción visual, tipografía cuidada y uso ceremonial del color, no mediante ornamentación.

03

Accesibilidad universal

Toda persona debe poder acceder a la justicia digital. WCAG 2.2 AA es el piso mínimo; AAA es la meta donde sea técnicamente alcanzable.

04

Consistencia sistémica

Una sola voz visual a través de todos los portales, micrositios y comunicaciones. Las excepciones se documentan; no se improvisan.

II · Color
Sistema cromático

Dos colores institucionales, un sistema completo.

El Negro Institucional y el Dorado Profundo definen la identidad. A partir de ellos se derivan escalas tonales accesibles, neutrales de superficie y una paleta semántica que mantiene la coherencia en cualquier contexto.

2.1Paleta institucional

Color primario
N
Negro Institucional Charcoal 950
#10141C
Color ceremonial
D
Dorado Profundo Gold 500
#A8881E

2.2Escala Charcoal · Negro Institucional

Once pasos derivados del color base. Los pasos 50–300 funcionan como superficies y fondos. Los pasos 700–950 son aptos para texto sobre fondos claros. Todos los pasos pasan o exceden WCAG AA en sus combinaciones recomendadas.

50
#F4F6F9
100
#E6E9EF
200
#CED3DB
300
#ADB4C0
400
#8A93A4
500
#6C7689
600
#535D72
700
#3D4659
800
#2A3142
900
#1A1F2B
950
#10141C
BASE

2.3Escala Gold · Dorado Profundo

Nota crítica de accesibilidad: el dorado base #A8881E tiene contraste 3.36:1 contra blanco — apto solo para texto grande, ornamentación y componentes UI. Para texto de cuerpo, enlaces y microcopy, usar Gold 700 (AA, 5.8:1) o Gold 800 (AAA, 8.3:1).

50
#FAF6E6
100
#F2E9C5
200
#E6D394
300
#D4BA63
400
#C0A13A
500
#A8881E
BASE
600
#8E7218
700
#7A6315
AA
800
#5E4C0F
AAA
900
#4A3C0A

2.4Colores semánticos

Cuatro colores funcionales armonizados con la paleta institucional. Tonos sobrios apropiados para contexto judicial — el rojo es granate, no carmesí; el verde tiene matiz oliva; el azul es profundo, no celeste.

Éxito
Verde sobrio
#2D7A47
Confirmaciones, validaciones, estados completados.
Advertencia
Ámbar profundo
#A04708
Avisos no críticos, plazos próximos, requisitos pendientes.
Error
Granate institucional
#A8201C
Errores de validación, acciones destructivas, alertas críticas.
Información
Azul judicial
#1E478D
Notas informativas, enlaces secundarios, contexto adicional.

2.5Combinaciones aprobadas

Estas son las únicas combinaciones validadas para uso en producción. Cada una indica su ratio de contraste WCAG y su nivel de cumplimiento.

Texto principal 17.6 : 1 AAA · TODO TEXTO
Texto principal 16.8 : 1 AAA · TODO TEXTO
Enlace dorado (700) 5.8 : 1 AA · TODO TEXTO
Enlace dorado (800) 8.3 : 1 AAA · TODO TEXTO
Dorado sobre negro 5.2 : 1 AA · TODO TEXTO
Solo texto grande 5.0 : 1 AA · TEXTO GRANDE
!
Restricción importante
El Dorado Profundo base (#A8881E) no debe usarse como color de texto sobre fondos blancos excepto en textos grandes (≥18pt regular o ≥14pt bold) o como decoración no semántica. Para enlaces, microcopy y cuerpo, utilizar Gold 700 o Gold 800.
III · Tipografía
Sistema tipográfico

Dos familias, dos roles, una disciplina.

Adelia es ceremonial: aparece raramente y solo en momentos editoriales específicos. Poppins es el sistema: maneja toda la interfaz, navegación, contenido y comunicación cotidiana. La separación entre ambas es estricta.

3.1Familias tipográficas

01 · Manuscrita

Adelia

Tipografía ceremonial y editorial. Carácter caligráfico que aporta solemnidad y peso institucional a momentos visuales específicos.
Uso permitido: portadas, encabezados ceremoniales, sellos editoriales, titulares de informes anuales, citas destacadas.

Uso prohibido: interfaz, navegación, botones, cuerpo de texto, formularios, cualquier tamaño menor a 32px.
Justicia
02 · Sans-serif

Poppins

Tipografía de sistema. Geométrica, neutral y legible. Resuelve toda la jerarquía y comunicación digital, desde el display hasta el microcopy.
Uso permitido: todo. Encabezados, cuerpo, UI, navegación, formularios, tablas, microcopy.

Pesos disponibles: Light (300), Regular (400), Medium (500), SemiBold (600), Bold (700).
Tribunal
Light 300
Regular 400
Medium 500
SemiBold 600
Bold 700

3.2Escala tipográfica

Escala modular basada en proporción 1.25 (cuarta menor). Diseñada para crear jerarquía clara sin saturar la página. Todos los estilos se aplican sobre Poppins.

Display
80 / 88 · Light · -0.03em
Tribunal Superior
H1
56 / 62 · Light · -0.02em
Tribunal Superior de Justicia
H2
40 / 46 · Regular · -0.02em
Tribunal Superior de Justicia
H3
30 / 36 · Medium · -0.01em
Tribunal Superior de Justicia
H4
24 / 31 · Medium · -0.005em
Tribunal Superior de Justicia
H5
20 / 28 · Medium
Tribunal Superior de Justicia del Estado
Body Large
18 / 29 · Regular
El Tribunal Superior de Justicia del Estado de Chihuahua es el órgano máximo del Poder Judicial estatal.
Body
16 / 26 · Regular
El Tribunal Superior de Justicia del Estado de Chihuahua es el órgano máximo del Poder Judicial estatal.
Small
14 / 22 · Regular
El Tribunal Superior de Justicia del Estado de Chihuahua es el órgano máximo del Poder Judicial estatal.
Caption
12 / 18 · Medium · 0.05em
Etiquetas, metadatos y referencias secundarias
Microcopy
11 / 16 · Medium · 0.1em · UPPERCASE
Eyebrows, labels, badges

3.3Reglas editoriales

✓
Sí · Limita el peso

Usa máximo tres pesos por composición. La jerarquía se crea con tamaño y espacio, no con variedad de pesos.

✕
No · Mezcles tipografías

Nunca combines Adelia con otra serif, ni reemplaces Poppins por Arial, Helvetica, Inter u otra sans alternativa.

✓
Sí · Cuida el interlineado

Para cuerpo de texto, mantén interlineado mínimo de 1.5–1.6. Para titulares, reduce a 1.05–1.2 según el tamaño.

✕
No · Uses Adelia bajo 32px

Adelia pierde legibilidad y dignidad debajo de 32px. Nunca aparece en UI, navegación, botones, formularios o microcopy.

✓
Sí · Tracking negativo en titulares

Aplica letter-spacing entre -0.01em y -0.03em en encabezados grandes (H1, H2, Display) para una composición editorial firme.

✕
No · Centrado en cuerpo

El texto de cuerpo siempre se alinea a la izquierda. El centrado se reserva exclusivamente para portadas y momentos ceremoniales.

IV · Espaciado
Sistema de espacio

El blanco no es vacío, es estructura.

Sistema de espaciado basado en una unidad de 8 píxeles. Diez pasos cubren desde micro-ajustes de componentes hasta secciones macro de página. La disciplina del sistema garantiza ritmo visual coherente.

4.1Tokens de espaciado

--s-1
4px · 0.25rem
--s-2
8px · 0.5rem
--s-3
12px · 0.75rem
--s-4
16px · 1rem
--s-5
24px · 1.5rem
--s-6
32px · 2rem
--s-7
48px · 3rem
--s-8
64px · 4rem
--s-9
96px · 6rem
--s-10
128px · 8rem

4.2Reglas de aplicación

✓
Espacios pequeños · 1–4

Para padding interno de componentes, espacio entre ícono y texto, márgenes entre elementos relacionados.

✓
Espacios medios · 5–7

Para padding de tarjetas, separación entre componentes, márgenes verticales entre párrafos.

✓
Espacios grandes · 8–10

Para padding vertical de secciones, separación entre bloques mayores, márgenes de página y composición editorial.

✕
No · Valores arbitrarios

Nunca uses valores intermedios (10, 20, 28px). El sistema requiere que todo padding y margen utilice uno de los diez tokens definidos.

V · Componentes
Biblioteca UI

Piezas que componen el sistema.

Componentes base validados para uso en cualquier producto digital institucional. Cada elemento ha sido verificado contra WCAG 2.2 AA, con estados de focus visibles, contraste suficiente y comportamiento responsivo.

Botones

5.1

Formularios

5.2
Como aparece en su identificación oficial.
Formato de correo no válido.

Encabezado institucional

5.3
Gobierno del Estado de Chihuahua · Poder Judicial Transparencia · Contacto · Buscar
T
Tribunal Superior de Justicia
Estado de Chihuahua

Migas de pan & pestañas

5.4

Tarjetas de contenido

5.5
Servicio digital

Consulta de expedientes en línea

Acceda al estado actual de su expediente judicial mediante el portal de servicios electrónicos del Poder Judicial.

Iniciar consulta
Trámite

Solicitud de copias certificadas

Genere su solicitud de copias certificadas de resoluciones judiciales y dé seguimiento al avance del trámite.

Conocer más
Información

Directorio de juzgados

Consulte la ubicación, horarios y datos de contacto de los juzgados de todos los distritos judiciales del estado.

Ver directorio

Avisos y alertas

5.6
i
Información importante
Los plazos procesales se computan en días hábiles según el calendario oficial del Poder Judicial.
✓
Solicitud enviada correctamente
Su trámite ha sido registrado con folio TSJCH-2026-04823. Recibirá una notificación en su correo electrónico.
!
Plazo próximo a vencer
Su solicitud requiere documentación complementaria antes del 15 de mayo. Después de esa fecha será archivada.
✕
No se pudo procesar la solicitud
Verifique que todos los campos obligatorios estén correctamente llenados e intente nuevamente.

Tablas de datos

5.7
Expediente Materia Juzgado Última actuación Estado
248/2026 Civil Primero de lo Civil 02 de mayo, 2026 Activo
189/2026 Familiar Segundo Familiar 28 de abril, 2026 Notificación pendiente
312/2025 Mercantil Tercero Mercantil 15 de abril, 2026 En estudio
076/2024 Civil Primero de lo Civil 10 de marzo, 2026 Archivado

Etiquetas (badges)

5.8
Neutral Institucional Ceremonial Activo Pendiente Crítico Archivado
VI · Accesibilidad
Conformidad y compromiso

La justicia digital debe alcanzar a todas las personas.

El sistema cumple con WCAG 2.2 nivel AA como piso mínimo. En México, la Ley General para la Inclusión de las Personas con Discapacidad y el estándar gob.mx establecen este nivel como obligatorio para instituciones públicas. Donde sea técnicamente posible, aspiramos al nivel AAA.

Nivel AA · Piso mínimo

Conformidad obligatoria

Todos los componentes del sistema cumplen como mínimo:

  • Contraste 4.5:1 para texto normal, 3:1 para texto grande
  • Tamaño táctil mínimo de 44×44 px en controles interactivos
  • Focus visible en todos los elementos interactivos
  • Navegación completa por teclado sin trampas de foco
  • Texto alternativo en todas las imágenes informativas
  • Estructura semántica HTML5 con landmarks ARIA
  • Etiquetas asociadas a todos los campos de formulario
Nivel AAA · Meta institucional

Aspiración donde sea posible

Donde la naturaleza del contenido lo permite, aplicamos:

  • Contraste 7:1 para texto normal, 4.5:1 para texto grande
  • Interlineado mínimo 1.5 en cuerpo de texto
  • Sin justificación completa de párrafos
  • Lenguaje ciudadano: glosario para términos jurídicos
  • Subtítulos y transcripciones en contenido audiovisual
  • Ayudas contextuales en formularios complejos
  • Sin animaciones que se reproduzcan automáticamente
Marco normativo aplicable

Referencias regulatorias

  • WCAG 2.2 — W3C Web Content Accessibility Guidelines
  • Ley General para la Inclusión de las Personas con Discapacidad
  • NMX-I-291-NYCE — Estándar mexicano de accesibilidad web
  • Estándares gob.mx — Sistema de Diseño del Gobierno de México
  • Convención sobre los Derechos de las Personas con Discapacidad (ONU)
  • Ley de Accesibilidad para el Estado de Chihuahua
Pruebas y validación

Proceso de aseguramiento

  • Auditoría automatizada con axe-core y Lighthouse en CI/CD
  • Revisión manual con lectores de pantalla NVDA y VoiceOver
  • Pruebas de navegación solo por teclado
  • Validación con usuarios con discapacidad visual y motriz
  • Verificación de contraste con análisis WCAG en cada release
  • Auditoría anual independiente de conformidad
VII · Aplicación
El sistema en uso

Cómo se ve cuando todo encaja.

Un ejemplo composicional que ilustra el sistema operando en contexto. Tipografía, color, espaciado y componentes trabajando como un conjunto unificado.

Acceso a la justicia · Servicios en línea

Consulte sus expedientes sin trasladarse al juzgado.

El portal de servicios electrónicos del Tribunal Superior de Justicia le permite acceder al estado de sus expedientes, recibir notificaciones y solicitar copias certificadas las 24 horas del día.

Lineamientos para el uso del portal electrónico

El acceso a los servicios digitales del Tribunal Superior de Justicia del Estado de Chihuahua se rige por los principios de igualdad, legalidad y máxima publicidad establecidos en el artículo 17 de la Constitución Política de los Estados Unidos Mexicanos.

Toda persona usuaria del portal acepta los términos del aviso de privacidad y se compromete al uso responsable de la información a la que tenga acceso. Las consultas realizadas se registran para fines de auditoría y mejora continua del servicio.